如何用javascript取得<html:select>中<html:option>的值?

Question

如图所示,每选一次下拉列表,后面的图片都会发生相应的改变,谁能用javascript帮忙实现一下?谢谢

Answer 1

每一个选择框select都有一个options的列表对象。
<select id="subject" name="subject">
<option value="one">文本值1</option>
<option value="two">文本值2</option>
<option value="three">文本值3</option>
</select>
使用：options[2].value，这样可以得到值“three”；使用options[2].text，得到“文本值3”

Answer 2

select有属性ID
option有属性VALUE
假设ID="PicId",option的value="1-10"
js里的代码为：
var check = document.getElementById("PicId");
你选者那一项的值也就是value等于：
check.value;

Answer 3

$('option').text()
$('option').val()