jquery如何获取 select option的值

jquery如何获取 select option的值,第1张

在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值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9549359.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存