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值。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐