js如何获取option的值

js如何获取option的值,第1张

<select id="sel">

<option>请选择</option>

<option>111</option>

<option>222</option>

<option>333</option>

<option>444</option>

</select>

<span id="sp"></span>

<button onclick="sub()">submit</button>

0000000000000000

var sub = function(){

spinnerHTML = selchildren[selselectedIndex]innerHTML;

}

在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()); // 将所有的值赋给数组

}

给你个示例,如下:

<html>

<head><title>获取下拉列表选中项的值和文本(select)</title></head>

<body>

<script>

//获取下拉列表选中项的文本

function getSelectedText(name){

    var obj=documentgetElementByIdx(name);

    for(i=0;i<objlength;i++){

        if(obj[i]selected==true){

            return obj[i]innerText;//关键是通过option对象的innerText属性获取到选项文本

        }

    }

}

//获取下拉列表选中项的值

function getSelectedValue(name){

    var obj=documentgetElementByIdx(name);

    return objvalue;      //如此简单,直接用其对象的value属性便可获取到

}

</script>

<select id="myselect">

<option value="fist">1</option>

<option value="second">2</option>

<option value="third">3</option>

</select>

<input type="button" value="所选文本" onclick="alert(getSelectedText('myselect'));" />

<input type="button" value="所选值" onclick="alert( getSelectedValue('myselect'));" />

</body>

</html>

以上就是关于js如何获取option的值全部的内容,包括:js如何获取option的值、用jQuery获取select数组的option值、获取select中option的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存