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>

/

  @author zhou2003737

  @date  2014/09/25 16:39

 /

<html doctype="html">

    <head>

        <title></title>

        <script type="text/javascript">

                windowonload = function(){

                    //获取文本框对象

                    var searchText = documentgetElementById("searchText");

                    //获取提交button对象

                    var action = documentgetElementById("action");

                    //获取要增加到的下拉列表对象

                    var selections = documentgetElementById("selections");

                    //点击提交的时候执行的方法

                    actiononclick = function(){

                        //如果文本框对象中值不为空

                        if(searchTextvalue ){

                            //根据文本框中的值循环5次

                            for(var i =5;i>0;i--){

                                //设置下拉列表中的值的属性

                                var option = documentcreateElement("option");

                                    optionvalue = searchTextvalue + i;

                                    optiontext= searchTextvalue+i;

                                //将option增加到下拉列表中。

                                selectionsoptionsadd(option);

                            }

                        }

                    }

                }

            //思路如上。你可以将点击时将文本框中值传到后台,后台返回数据后,在将数据存入下拉列表对象中。

        </script>

    </head>

    <body>

        <p><input type="text" placeholder="请输入查询对象" autofocus  id="searchText"/></p>

        <p><input type="button" id="action" value="提交"/></p>

        <p><select id="selections">

        </select></p>

    </body>

</html>

var desc_id=[];\x0d\var obj = documentgetElementById("i_ts_desc");\x0d\for(var i=0;i回答于 2022-12-14

1:js取值

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

代码如下

function getSelectedValue(name){

var obj=documentgetElementById(name);

return objvalue; //直接用其对象的value属性便可获取到

}

2:获取文本值

代码如下

<select Id="select">

<option>1</option>

<option selected="selected">2</option>

<option>3</option>

</select>

<script language="javascript" type="text/javascript">

var ById = documentgetElementById("Select")

alert(ByIdoptions[ByIdselectedIndex]text)

</script>

以上就是关于JS 如何获得下拉框当前的value 值全部的内容,包括:JS 如何获得下拉框当前的value 值、JS调用后台数据查询,让查询到的数据在下拉列表里显示、js怎么能取得多选下拉框选中的多个值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存