JS獲取select下拉表單中的option的值_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
通過(guò)簡(jiǎn)單的JS代碼,實(shí)現從select的下拉框中取值。只要選擇下拉框中的值,則彈出select中的value值。
代碼很簡(jiǎn)單、實(shí)用。在網(wǎng)站制作的時(shí)候,不管是開(kāi)發(fā)后臺,還是網(wǎng)站的前臺,只要是有需要用到下拉選擇框的地方,或許都需要用到該特效代碼?,F在標識出來(lái),共參考、使用。
HTML代碼:
<select name="ty" id="selectUrl" onchange="getValue ()">
<option value="選擇取得的值‘1’">網(wǎng)站建設</option>
<option value="選擇取得的值‘2’">特效代碼</option>
</select>
JS代碼:
<script type="text/javascript">
function getValue(){
var objS = document.getElementById("idName");
var data = objS.options[objS.selectedIndex].value;
var data = document.getElementById("url").value = data;
alert(data);
}
</script>
本文版權所有,轉載須注明:來(lái)源 http://m.cheanjie.com/qvdv-wdl-431.html