Javascript 如果长度为>；选择一个选项

功能播放器（用户名、lvl、exp、exp、nextLevel、gold、hp、atk、def、spd）{
var self=这个；
this.username=用户名；
this.lvl=lvl；
this.exp=exp；
this.nextLevel=nextLevel；
this.exprequired=exprequired；
这个。黄金=黄金；
this.fullLife=hp；
this.hp=hp；
this.atk=atk；
this.def=def；
这是spd=spd；
this.implement=函数（）{
$（'#user'）.text（this.username）.addClass（'playerName'）.data（'player'，self）
$（'#username'）.text（“用户名：+this.username”）；
$（'#lvl'）.text（“级别：+this.lvl）；
$（'#exp'）.text（“体验：+this.exp”）；
$（'#expNeeded'）.text（“需要经验：+this.expNeeded”）；
$（'#gold'）.text（“gold:+this.gold”）；
$（'#hp'）.text（“hp:+this.fullLife）；
$（“#攻击”）.text（“攻击：+this.atk）；
$（'#defence'）.text（“defence:+this.def”）；
$（'#speed'）.text（“speed:+this.spd”）；
$（'#nextLevel'）.text（“下一级：+this.nextLevel”）；
}
这个。实现（）；
}
var newPlayer=newPlayer（提示（“您的用户名是什么？”），1,0,10,10,0,10,2,1,1）；
playerre=$（'.playerName'）；
player=playerre.data（'player'）；
功能怪物（名称、经验、黄金、hp、atk、def、spd）{
var self=这个；
this.name=名称；
this.exp=exp；
这个。黄金=黄金；
this.fullLife=hp；
this.hp=hp；
this.atk=atk；
this.def=def；
这是spd=spd；
//方法定义
this.implement=函数（）{
var monsterList=document.getElementById（'monsterList'）；
var opt=document.createElement（'OPTION'）；//创建选项
opt.innerText=this.name；//设置innerText属性
$（可选）。数据（'怪物'，自身）
monsterList.appendChild（opt）；//附加选项以选择元素
}
this.len=this.name.length；
this.playerDamage=0；
this.playerDam=函数（）{
如果（player.atk 0&&round<20）{
$（“#怪物坝”）.append（“
The”+$（“#怪物列表”）.val（）+”因“+monster.monsterdam（）+”伤害而击中你；
player.hp-=monster.monsterDam（）；
$（“#dam”）.append（“
您已命中“+$（“#怪物列表”）.val（）+”表示“+怪物.playerDam（）+”伤害“
”；
monster.hp-=monster.playerDam（）；
轮数+=1；
如果（轮数>=20）{
$（“#怪物大坝”）。追加（“
战斗已超时”
”；
$（“#dam”）。追加（“
战斗已超时”
”；
}
}
如果（monster.hp=player.expNeeded）{
lvlUp（）；
}
}
如果（player.hp 8）{
$（'select'）.css({
“字体大小”：“12px”
});
}
否则{
$（'select'）.css({
“字体大小”：“18px”
});
}

正文{
背景色：#000；
}
#统计数据{
宽度：1200px；
高度：75px；
保证金：自动；
边界半径：10px；
文本对齐：居中；
边缘顶部：5px；
边框：2倍实心rgba（98,39,39,0.6）；
背景：rgba（255255,0）；
背景：-moz线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-webkit渐变（左上、右下、颜色停止（24%，rgba（255255255,0））、颜色停止（100%，rgba（143,57,57,0.5））；
背景：-webkit线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-o-线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-ms线性梯度（-45度，rgba（255255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：线性梯度（135度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#8f3939'，GradientType=1）；
}
#统计李{
显示：列表项；
列表样式类型：无；
颜色：#fff；
字体大小：12px；
}
#联邦统计局{
显示：内联块；
浮动：左；
文本对齐：左对齐；
边缘顶部：10px；
}
#介绍{
最大宽度：700px；
保证金：自动；
文本对齐：居中；
边缘顶部：30px；
线高：1.25；
字体系列：“小木屋”，无衬线；
字号：500；
填充底部：30px；
}
#统计ul：不是（.firstul）{
左边距：100px；
}
#导航{
宽度：1200px；
高度：75px；
保证金：自动；
边界半径：10px；
文本对齐：居中；
边缘顶部：5px；
边框：2倍实心rgba（98,39,39,0.6）；
背景：rgba（255255,0）；
背景：-moz线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-webkit渐变（左上、右下、颜色停止（24%，rgba（255255255,0））、颜色停止（100%，rgba（143,57,57,0.5））；
背景：-webkit线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-o-线性梯度（-45度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：-ms线性梯度（-45度，rgba（255255255,0）24%，rgba（143,57,57,0.5）100%）；
背景：线性梯度（135度，rgba（255255,0）24%，rgba（143,57,57,0.5）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#8f3939'，GradientType=1）；
}
#使用者{
字体大小：32px；
边际上限：0px；
颜色：rgba（156,48,48,1）；
-webkit文本笔划：1.5px黑色；
文本阴影：2px 2px 2px暗色，
1px 1px 0px#000，
3px 3px 0px#000，
4×4×2×000；
}
#李海军{
显示：内联；
字号：21px；
文本对齐：居中；
线高：.8；
颜色：#A3A3；
文本阴影：1px 1px 1px#111，
2×2×4×000；
}
#李导航：悬停{
颜色：#E0；
文本阴影：2px 2px 2px#222，
2×2×3×333，
3px 3px 0px#000；
}
#李导航：不是（.first）{
左边距：40px；
}
a{
文字装饰：无；
大纲：0；
}
选择：焦点{
大纲：0；
}
*：焦点{
大纲：0；
}
悬停{
文字装饰：无；
}
挑选{
背景色：rgba（0,0,0,0）；
边框颜色：#941919；
颜色：#941919；
保证金：自动；
左边距：4
$("select").on("change", function () {
    /* your code */
}).trigger("change");  //so it runs when initialized

$('#monsterList option').each(function(){
        if($(this).html().length > 8){
        $(this).css('font-size', '12px');
      }
    })

var elderDragon = new Monster("Elder Dragon", 75, 100, 300, 21, 15, 8);

var fly = new Monster("fly", 1, 1, 5, 2, 1, 1);