JS 如何获得下拉框当前的value 值

JS 如何获得下拉框当前的value 值,第1张

DEMO:

<select id="allName">

    <option value="zhangsan">张三</option>

    <option value="lisi">李四</option>

    <option value="wangwu" selected>王五</option>

    <option value="zhaoliu">赵六</option>

</select>

<input type="button" value="test" onclick="getSelectVal();"/><script>

    function getSelectVal(){

        //获取select dom对象

        var allSelect = documentgetElementById("allName");

        //获取select下拉框下所有的选项

        var optionArr = allSelectgetElementsByTagName("option");

        for(var i=0;i<optionArrlength;i++){

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

                alert(optionArr[i]value);

                return;

            }

        }

    }

</script>

通过id获取对应dom节点,然后获取节点的值。

举例:

alert(documentgetElementById('aaaa')value);//获取id为aaaa的对应Input的值

<html>

<head>

<meta >

怎么获取checkbox的dafaultvaluevalue

首先用documentgetElementsByName()这个方法,通过input标签的name属性将input元素获取,并存进obj这个变量值中。

然后建一个check_val的数组,通过for循环将input标签的value值存入数组中,这样就可以获取checkbox的选中的多个值。

扩展资料:

Checkbox 对象代表一个 HTML 表单中的 一个选择框。在 HTML 文档中 每出现一次,Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 documentgetElementById() 。

以上就是关于JS 如何获得下拉框当前的value 值全部的内容,包括:JS 如何获得下拉框当前的value 值、怎么获取form表单提交的value值、form表单动态添加元素,如何用DOM读取出来等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存