JS获取下拉框的值

1- body内部写的方法假设为

1.  
   <select id="Grade" name="Grade">
2.  
   <option />
3.  
   <option value="a">A</option>
4.  
   <option value="b">B</option>
5.  
   <option value="c">C</option>
6.  
   <option value="d">D</option>
7.  
   <option value="null">不成立</option>
8.  
   </select>

JS中方法：

1.  
   var options=$("#Grade option:selected"); //获取选中的项
2.  
   console.log(options.val());拿到选中项的值 option中value值
3.  
   console.log(options.text());拿到选中项的文本

如何选择不成立，options.val()得到的对应为null，options.text()为不成立。

笔记：select标签中属性

        multiple：下拉列表默认只允许选择一个选项，如果允许用户选择多个，就要用到 multiple 属性

        option标签的 value 属性：用来定义当下拉列表在提交时，发送给服务器的值。value 值并不会显示在页面上。

        name 或者option中value：不显示在页面上，主要用来提交数据

        option中selected属性：其作用是设定的默认值

在JS对Select标签值的应用： 

        //根据id获取下拉选择框当前选中值的html值
        var text= $('#Grade option:selected').text();

        //获取的是当前select标签选中值得value值
       var val = $("#Grade ").val();   //此处的Grade为Select标签的id值。

这篇好文章是转载于：学新通技术网