js怎么验证下拉菜单

js怎么验证下拉菜单,第1张

用JS判断下拉框是否选中,下面例子中,如果下拉框的值是空的,那么会d出一个提示框,如果选中了值,那么就执行代码了,参考如下:

<title>Js判断下拉框</title>

<script>

function ss(){

var slt=documentgetElementById("aa");

if(sltvalue==""){

alert("请选择一个项目");

return false;

}

return true;

}

</script>

<form method=post onsubmit=" return ss()">

<select id="aa">

<option value="">请选择</option>

<option value="1s">一</option>

<option value="2u">二</option>

</select>

<input type=submit value="提交">

</form>

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>

<select id="fruit">

<option value="apple">苹果</option>

<option value="pear">梨子</option>

<option value="peach">桃子</option>

<option value="banana">香蕉</option>

</select>

取值:

documentgetElementById('fruit')value;

以上就是关于js怎么验证下拉菜单全部的内容,包括:js怎么验证下拉菜单、JS 如何获得下拉框当前的value 值、js中怎么得到select的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9795126.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存