当前位置:编程学习 > JS >>

js获取select选中的值几种常见方法以及可用代码

个人测试有效,JS 获取select当前选中值  


var sel=document.getElementsByName("paydate")[0];
var selvalue= sel.options[sel.options.selectedIndex].value//你要的值


另外几种大家测试下吧

js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值


jQuery中获得选中select值

第一种方式
$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

 

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;



=========================================

关于JS获取select的值 

<select id="zzzyk" name="zzzyk"> <option selected="selected" value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select>
操作一、获取所选择项显示的文字
document.getElementByIdx('zzzyk').options[document.getElementByIdx('zzzyk').selectedIndex].text
若当前选中“选项二”,则这种方式所取的结果为:选项二
操作二、获取所选择项的value
document.getElementByIdx('zzzyk').options[document.getElementByIdx('zzzyk').selectedIndex].value
若当前选中“选项二”,则这种方式所取的结果为:2
操作三、获取当前选择项
document.getElementByIdx('zzzyk').selectedIndex
若当前选中“选项一”,则这种方式所取的结果为:1
这里对于select必须得有id属性,才能采用getElementById获取该控件,这点需要注意。
另外,对于PHP获取页面所提交的Select控件的值,需要Select控件得有name属性,在PHP内获取表单上的Select控件数据时,采用$s = $_POST[‘select的name属性值’];这种方式来获取。
怎么样? 其实很简单的吧,希望能给初学者一个启示!

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,