Question

JSP中如何取下拉框的选中值而不是代码值

<select id="slt1">
<option value="2014">2014</option>
<option value="2015">2015</option>
</select>
<br>
<select id="slt2">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<br>
<select id="slt3">
<option value="sc">上传</option>
<option value="xz">下载</option>
</select>
<br>
<input type="text" onclick="show(this)">
<script language="javascript">
function show(obj){
obj.value = window.document.getElementById("slt1").value + "." + window.document.getElementById("slt2").value + "." + window.document.getElementById("slt3").value;
}
</script>

如何让最后填入文本框的数据为汉字的值，而不是代码值？

Answer 1

obj.value = document.getElementById("slt1").options[document.getElementById("slt1").options.selectedIndex].text + "." + document.getElementById("slt2").options[document.getElementById("slt2").options.selectedIndex].text + "." + document.getElementById("slt3").options[document.getElementById("slt3").options.selectedIndex].text;

 

提示：

var select = document.getElementByIdx("selectId");
var index = select.selectedIndex;
var text = select.options[index].text;
var value = select.options[index].value;