Js读取select单选值的几种方法

首先，创建HTML如下：

<form id="form1">
<table  border="0">
<tr>
<td>编程时间：</td>
<td>
<select name="code" id="code">
<option value="never">不编程</option>
<option value="6" selected="selected">不到六个月</option>
<option value="6-12">六到十二个月</option>
<option value="12-24">十二到二十四</option>
<option value="24">大于二十四</option>
</select>
</td>
</tr>
</table>
</form>

方法

function readselect1() {

// 方法一
var oSelect = document.getElementById('code');
var ind = oSelect.selectedIndex;
var val = oSelect.options[ind].value;
var tex = oSelect.options[ind].text;
alert("方法一 index=" + ind + ",val=" + val + ",text=" + tex);

// 方法二
oSelect = document.getElementById('code');
val = oSelect.value;
alert("方法二 val=" + val);

// 方法三
val = form1.code.value;
alert("方法三 val=" + val);

// 方法四
val = $("#code").val();
alert("方法四 val=" + val);

// 方法五
val = $('select[name=code]').val();
alert("方法五 val=" + val);

// 方法六 版本在1.3之前 (FF和chrome下无效)
tex = $("select[name=code] option[selected]").text();
alert("方法六 text=" +tex);

tex = $("select[name=code] option:selected").text();
alert("方法六 text=" + tex);

// 方法七
tex = $("select[name=code]").find("option:selected").text();
alert("方法七 text=" + tex);

}