jquery操作select下拉框的多种⽅法（选中,取值,赋值等）Query获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中⼀项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3. var checkValue=$("#select_id").val(); //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最⼤的索引值jQuery设置Select选择的 Text和Value: 语法解释：1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中jQuery添加/删除Select的Option项：语法解释：1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加⼀个Option(下拉项)2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插⼊⼀个Option(第⼀个位置)3. $("#select_id option:last").remove(); //删除Select中索引值最⼤Option(最后⼀个)4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第⼀个)5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取⼀组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的⽂本var item = $("select[@name=items] option[@selected]").text(); select下拉框的第⼆个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第⼆个元素为当前选中值$('input[@name=items]').get(1).checked = true;获取值：⽂本框，⽂本区域：$("#txt").attr("value")；多选框 checkbox：$("#checkbox_id").attr("value")；单选组radio： $("input[@type=radio][@checked]").val(); 下拉框select： $('#sel').val();控制表单元素：⽂本框，⽂本区域：$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容多选框checkbox： $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组 radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项⽬为当前选中项下拉框 select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项⽬为当前选中项 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框----------------------------------------------------------------------------------------------------//遍历option和添加、移除optionfunction changeShipMethod(shipping){var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){$("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); } }//取得下拉選單的選取值$(#testSelect option:selected').text();或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val();////////////////////////////////////////////////////////////////// 记性不好的可以收藏下：1,下拉框:var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的⽂本(注意中间有空格)var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值 var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值$("#select").empty();//清空下拉框 //$("#select").html('');$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option 稍微解释⼀下:1.select[@name='country'] option[@selected] 表⽰具有name 属性，并且该属性值为'country' 的select元素⾥⾯的具有selected 属性的option 元素；可以看出有@开头的就表⽰后⾯跟的是属性。
标题：jQuery获取文本的三种方法正文：随着前端开发的不断发展，jQuery作为一个高效、简洁的JavaScript 库，成为了前端工程师们必备的技能之一。
在日常开发中，我们经常需要获取页面中的文本内容，并对其进行相关操作。
本文将介绍jQuery中获取文本的三种方法，帮助大家更好地理解和应用jQuery。
1. 使用text()方法获取元素文本在jQuery中，使用text()方法可以直接获取被选元素内部的文本内容。
我们有一个段落的HTML结构如下：```<p id="demo">这是一个段落</p>```如果我们想获取这个段落的文本内容，就可以使用text()方法进行操作：```var text = $("#demo").text();console.log(text); // 输出：这是一个段落```2. 使用html()方法获取元素文本与text()方法类似，html()方法也可以用于获取元素的文本内容。
不同的是，html()方法还可以获取元素内的HTML内容。
如果我们有一个div的HTML结构如下：```<div id="cont本人ner">这是一个<span>包含HTML内容</span>的div</div>```我们可以使用html()方法来获取该div元素内的文本内容：```var text = $("#cont本人ner").html();console.log(text); // 输出：这是一个<span>包含HTML内容</span>的div```3. 使用val()方法获取表单元素的值在处理表单元素时，我们经常需要获取输入框、下拉框等元素的值。
此时可以使用val()方法来获取相关元素的值。
我们有一个输入框的HTML结构如下：```<input type="text" id="username" value="admin">```我们可以使用val()方法来获取输入框的值：```var value = $("#username").val();console.log(value); // 输出：admin```以上就是jQuery获取文本的三种方法，通过text()、html()和val()方法，我们可以灵活地获取页面中元素的文本内容，并进行后续的操作。
js获取下拉列表选中项的值和文本（select）以及获取单选按钮（radio）组的值和修改选中项js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项一、获取下拉列表选中项的值和文本(select)代码 select.htm 示例如下：====================================== =============================== ========1 2 3====================================== =============================== ========二、获取单选按钮(radio)组的值和修改选中项看到很多帖子里说js获取单选按钮(radio)组的值可以直接用document.getElementById("oper").value,虽然跟单选按钮组一样的下拉列表(也是列表项的数组)也是一个数组，用这种方式可以获到下拉列表的值,但是单选按钮组却获不到所选的值。
仔细研究了下，总结如下：与下拉列表不同，单选按钮须用this.form.oper或者document.getElementsByName('oper')方式获取该数组对象，document.getElementById('oper')不能获取该数组对象(select 可以)。
而且要获取值须通过一循环判断获取，不能直接用.value(select可以)。
而要改变单选按钮组的选中项，也须用循环判断改变各个单选按钮的value。
测试代码radio.html 如下:====================================== =============================== ======== 同意下发修改拒保上报alert('result:'+getRadio(this.form.oper))alert('result:'+getRadio(document.getElementById('oper'))) alert(this.form.oper.value)changeRadio(this.form.oper,"上报")同意下发修改拒保上报alert(this.form.slt.value)document.getElementById('slt')[2].innerText)。
js获取select标签选中的值var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中⽂本var value = obj.options[index].value; // 选中值中获得选中select值第⼀种⽅式$('#testSelect option:selected').text();//选中的⽂本$('#testSelect option:selected') .val();//选中的值$("#testSelect ").get(0).selectedIndex;//索引第⼆种⽅式$("#tesetSelect").find("option:selected").text();//选中的⽂本…….val();…….get(0).selectedIndex;--------------------------------------如果select标签是有id属性的，如<select id=xx>...则⽤下述⽅法获取当前选项的值：var v = xx.value;或var v = document.getElementById("xx").value; //此⽅法兼容性好如果select标签是有name属性的，如<form name=form1><select name=xx>...则⽤下述⽅法获取当前选项的值：var v = form1.xx.value;或var v = document.getElementsByName("xx")[0].value;如果同⼀页⾯含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）如果select标签不含有任何可供定位的属性，如<select>...则⽤下述⽅法获取当前选项的值：var v = document.getElementsByTagName("select")[0].value;如果同⼀页⾯含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）----------------------------------------对于以下select标签，获取当前选择的值得⽅式如下：<select id="test" name=""><option value="1">text1</option><option value="2">text2</option></select>code:⼀：javascript原⽣的⽅法1:拿到select对象： var myselect=document.getElementById("test");2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项options的value： myselect.options[index].value;4:拿到选中项options的text： myselect.options[index].text;⼆：jquery⽅法（前提是已经加载了jquery库）1:var options=$("#test option:selected"); //获取选中的项2:alert(options.val()); //拿到选中项的值3:alert(options.text()); //拿到选中项的⽂本。
