如何用js实现下拉框中selected

<tr>
<td align="right">取样:</td>
<td><input type="text" name="取样" id="取样" size="20" maxlength="255">
<font color='blue'><=【<font color='green' onclick="document.myform.取样.value='取样';" style="cursor:hand;">取样</font>】</font></td>
</tr>
<tr>
<td align="right">结果:</td>
<td><select name="结果" >
<option value="" ></option>
<option value="合格" selected>合格</option>
<option value="不合格">不合格</option>
</select>
</font></td>
</tr>

问题:
在onclick 取样 后,要实现 “不合格”被 selected
这样代码怎么写??
我已经知道了 改成 onclick="document.myform.取样.value='取样';document.myform.结果.value='不合格';" 就可以了
如果大家还有什么其他方法,欢迎共享,正确的话,同样给分。

思路:设置下拉框的value属性,那么下拉框的option选项中相应value值选项就会被选中。

下面实例演示——根据文本框值设置下拉框选中项:

1、HTML结构

<select id="test">
<option value="0">-- please select --</option>
<option value="1">option-1</option>
<option value="2">option-2</option>
<option value="3">option-3</option>
</select><br>
<input type="text" id="val"><input type="button" value="设置" onclick="fun()">

2、javascript代码

function fun(){
var val = document.getElementById("val").value;
document.getElementById("test").value = val;
}

3、效果演示

温馨提示:答案为网友推荐,仅供参考
第1个回答  2008-12-04
onclick="document.myform.取样.value='取样';
document.myform.结果.options[2].selected=true;"本回答被提问者采纳
第2个回答  2015-08-08
在select标签上加script标签然后判断