一段js代码在IE和chrome中有时会失效，找不到原因!郁闷

Question

<select id="subtype" onChange="document.getElementById('subject').value=this.value+document.getElementById('subject').value;">
<option value="" selected="true">- - - - - - - - - - -</option> 
<option value="value1">1. - - - - - - - - - - -</option> 
<option value="value2">2. - - - - - - - - - - -</option>
<option value="value3">3. - - - - - - - - - - -</option>
<option value="value4">4. - - - - - - - - - - -</option>
<option value="value5">5. - - - - - - - - - - -</option>
</select>
<form>
<input id="subject" value="" type="text" size="100" />
<input type="submit" value="ok" />
</form>
就是根据 select 选择的option值 写到 subject 文本栏的开头去。ie chrome下 有时会成功 有时不成功 非常郁闷呢 根本不知道为什么 折腾半天了.

Answer 1

没问题，换种写法试试<select id="subtype" onChange="document.getElementById('subject').value=this.options[this.selectedIndex].value+document.getElementById('subject').value;">

Answer 2

给select 再添加一个事件, onfocus 时 ,把option 第一项 置 selected