JS获取select下拉表单中的option的值_Html教程_奇迪科技(深圳)有限公司(www.qvdv.net)

欢迎来到奇迪科技(深圳)有限公司,超值服务提供卓越产品!

Html教程

JS获取select下拉表单中的option的值

作者:admin 来源: 更新时间:2014-06-17

通过简单的JS代码,实现从select的下拉框中取值。只要选择下拉框中的值,则弹出select中的value值。

代码很简单、实用。在网站制作的时候,不管是开发后台,还是网站的前台,只要是有需要用到下拉选择框的地方,或许都需要用到该特效代码。现在标识出来,共参考、使用。

HTML代码:

<select name="ty" id="selectUrl" onchange="getValue ()">
<option value="选择取得的值‘1’">网站建设</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>

本文版权所有,转载须注明:来源  https://www.qvdv.net/qvdv-wdl-431.html