在HTML中,select控件的值等于其当前选中的option的值,所以:
$("select")val(); // 可以获取select当前的值如果想获取当前select下option的所有的值,则:
var selValue = []; // 定义一个空数组用于接收select下option所有的值var options = $("select")find("option"); // select下所有的option
for (var i=0; i<optionslength; i++) {
selValuepush(optionseq(i)val()); // 将所有的值赋给数组
}
在select中添加一个onchange事件,onclick=“choose(this)”
然后在js中写function choose(obj){
var index = objselectedIndex;
alert(objchildren[index]value);
//假如每个option中有值,可以使用objchildren[index]innerHTML取得
}
那么这个select所有option的集合是:var options = documentgetElementByIdx_x_x("select1")options;即可获取既然可以获取到option集合,那每一个option的value就不言而喻了。比如select中第一个选项的value为 var option_value1 = documentgetElementByIdx_x_x("select1")options[0]value;交换两个option的值(和名称)的方式也很简单。比如这个select的有两个option,分别是<option value="1">1</option>和<option value="2">2</option>,现在交换两个option的位置(即交换值(名称))。
在HTML中,select控件的值等于其当前选中的option的值,所以:\x0d\$("select")val(); // 可以获取select当前的值\x0d\\x0d\如果想获取当前select下option的所有的值,则:\x0d\var selValue = []; // 定义一个空数组用于接收select下option所有的值\x0d\var options = $("select")find("option"); // select下所有的option\x0d\for (var i=0; i回答于 2022-11-16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<select id="sel" onchange="cge()">
<option value="1">4</option>
<option value="2">5</option>
<option value="3">6</option>
</select>
</body>
<script>
function cge(){
var sel=documentgetElementById('sel');
var sid=selselectedIndex;
alert(sel[sid]value+'-'+sel[sid]innerHTML);
}
</script>
</html>
jq的话就一句
$("#sel option:selected")text();
$("#sel option:selected")val();
以上就是关于jquery如何获取 select option的值全部的内容,包括:jquery如何获取 select option的值、如何将<option>中的value值获取后在传给action、如何获取select的option的value值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)