【jq】JQuery对select的操作

下拉框

</select>

（一）JQuery对select的操作

// 获取select本身属性name的值

console.log($("#selectID").prop("name"));

（二）JQuery对select option的操作

//选择更改事件

$("#selectID").change(function(){ selectChangeFunCode; });

//获取属性值

//获取下拉框选中项的text属性值
        var selectText = $("#selectID").find("option:selected").text();
        console.log(selectText);
        //获取下拉框选中项的value属性值 ①
        var selectValue = $("#selectID").val();
console.log(selectValue);
        //获取下拉框选中项的index属性值
        var selectIndex = $("#selectID").get(0).selectedIndex;
console.log(selectIndex);
        获取下拉框最大的index属性值
        var selectMaxIndex = $("#selectID option:last").attr("index");
console.log(selectMaxIndex);

//获取文本值

//获取下拉框选中项的文本内容 ②

var selectHtml = $("#selectID").find("option:selected").html();
console.log(selectHtml );

要更改下拉框其中一个option，需要同时操作①②

//设置下拉框index属性为5的选项选中
        $("#selectID").get(0).selectedIndex = 5;

        //设置下拉框value属性为4的选项选中
        $("#selectID").val(4);

//设置下拉框text属性为5的选项选中
$("#selectID option[text=5]").attr("selected", "selected");

$("#yyt option:contains(' 5')").attr("selected", true);

        //在下拉框最后添加一个选项
        $("#selectID").append("<option value='7'>7</option>");

        //在下拉框最前添加一个选项
        $("#selectID").prepend("<option value='0'>0</option>")

//移除下拉框最后一个选项
$("#selectID option:last").remove();

//移除下拉框 index属性为1的选项
        $("#selectID option[index=1]").remove();

        //移除下拉框 value属性为4的选项
        $("#selectID option[value=4]").remove();

//移除下拉框 text属性为5的选项
$("#selectID option[text=5]").remove();

转载于:https://www.cnblogs.com/smilexumu/p/7413774.html

【jq】JQuery对select的操作相关推荐

jquery对Select的操作
引自:http://www.cnblogs.com/50614090/archive/2012/03/22/2411709.html 一.获取选择的值 $("#select_id" ...
jquery对select的操作详解
select的html标签如下:<select class="xxx" id="yyy"><option></option> ...
jQuery对select操作(2)
jQuery对select操作 (2009-04-02 18:46:03) 转载标签: jquery select option 获取自定义属性 it 分类: javascript //遍历op ...
jQuery获得select的值及其他操作
总结一下 jQuery获得select的值,以及其他操作, 1.获取第一个option的值 $('#test option:first').val();2.最后一个option的值 $('#test ...
JQUERY对RADIO,CHECKBOX,SELECT的操作常用方法大全
JQUERY对RADIO,CHECKBOX,SELECT的操作 ******************************************************************** ...
jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery中select操作 jquery中select操作函数和字段包括append.prepend.remove.fi ...
jQuery的Select操作集合
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
jq 关于select的操作
jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加 ...
jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)
第一章认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

【jq】JQuery对select的操作

【jq】JQuery对select的操作相关推荐

最新文章

热门文章