JS中获取下拉框中的值

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

<select id="Grade" name="Grade">
    <option />
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
    <option value="d">D</option>
    <option value="null">不成立</option>
</select>

JS中方法：

var options=$("#Grade option:selected"); //获取选中的项
console.log(options.val());拿到选中项的值  option中value值
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值。