www.gsyw.net > 如何获取下拉列表选中的值 jquEry

如何获取下拉列表选中的值 jquEry

分别使用javascript原生的方法和jquery方法<br><select id="test" name=""> <br> <option value="1">text1</option> <br> <option value="2">text2</option> <br> </select><br>code:<br>一:javascript原生的方法<br> 1:拿到select对象:

1:js取值<br>//获取下拉列表选中项的值<br>代码如下 <br>function getSelectedValue(name){<br>var obj=document.getElementById(name);<br>return obj.value; //直接用其对象的value属性便可获取到<br>} <br><br>2:获取文本值<br>代码如下

$("#select").val();jquery会自动去获取选中的option里面的值

<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript">function fillValue(selectId,spanId){ var text; text=selectId.getElementsByTagName("option")[selectId.selectedIndex].innerHTML;

<div> <input type="text" value="" id="zInput" name="zInput" maxlength="0" /> <select onchange="changeInput(this);return false;"> <option value="">请选择</option> <option value="1">2222</option> <option value="2">

jquery 获取select多选下拉框所有选项的值可以如下实现 var all = "";$("select option").each(function() { all += $(this).attr("value")+" ";});而值获取被选中的值可用如下代码实现 $("select").val();下面给出实例代码:

参考如下代码<br>$("select").val(); // 选中项目的value值<br>$("select option:checked").text(); // 选中项目的显示值示例如下:<br>1.创建Html元素<br><br><br>请选择:<br><select id="sel"><br> <option value="1">选项1</

1:js取值 //获取下拉列表选中项的值 代码如下 function getselectedvalue(name){ var obj=document.getelementbyid(name); return obj.value; //直接用其对象的value属性便可获取到 } 2:获取文本值 代码如下 1 2 3 var byid = document.getele

$("select option:selected").each(function(){ // todo});

var select = [] ;$("select option:selected").each(function(){if(trim($(this).val())==''){ return;}if($(this).val()){select.push($(this).val());}});

网站地图

All rights reserved Powered by www.gsyw.net

copyright ©right 2010-2021。
www.gsyw.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com