Question

如何用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='不合格';" 就可以了
如果大家还有什么其他方法，欢迎共享，正确的话，同样给分。

Answer 1

思路：设置下拉框的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、效果演示

Answer 2

onclick="document.myform.取样.value='取样';
document.myform.结果.options[2].selected=true;"

Answer 3

在select标签上加script标签然后判断