您的位置:首页 > Web前端 > JavaScript

Js jq获取select值

2015-06-30 18:01 609 查看
方法一:

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;
方法二:

<select id="s1" name="s1"> <option selected="selected" value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select>


操作一、获取所选择项显示的文字

document.getElementByIdx(‘s1’).options[document.getElementByIdx(‘s1’).selectedIndex].text

若当前选中“选项二”,则这种方式所取的结果为:选项二

操作二、获取所选择项的value

document.getElementByIdx(‘s1’).options[document.getElementByIdx(‘s1’).selectedIndex].value

若当前选中“选项二”,则这种方式所取的结果为:2

操作三、获取当前选择项

document.getElementByIdx(‘s1’).selectedIndex

若当前选中“选项一”,则这种方式所取的结果为:1
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: