判断下拉列表的值是否为空

转载于 2014-08-13 19:18:22 发布 · 7k 阅读

前端开发专栏收录该内容

118 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery来获取HTML下拉列表中选定的值，并演示了简单的值验证过程。通过示例代码，读者将学会如何监听下拉列表的变化事件，以及如何在用户未选择有效选项时给出提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('#yourSelectId').change(function(){
            // 1、当前选中的option的value属性
            var val = $(this).val();
            if(val == ''){alert('option值为空'); return false;}
            else{// 不为空....
             }
});

//获取选中的下拉列表的值
<SCRIPT LANGUAGE="JavaScript"> 

    function add(){ 
        var obj=document.getElementById("view"); 
        var value=document.getElementById("here").value; 

//由obj.options[obj.selectedIndex].text 可以拿到下拉框中所选的选项值
        alert(obj.options[obj.selectedIndex].text); 
           } 

</SCRIPT>