jquery设置select选中（jQuery对select操作小结（遍历option,操作option））

本文目录

• jQuery对select操作小结(遍历option,操作option)
• jquery怎么根据value来动态选中select下的option
• 在dwz中，如何使用jquery来动态改变select的option选中项
• jquery设置select默认选中
• jquery怎么获取select选中的值，默认选中
• jquery怎么设置select选中某项值
• jquery如何将下拉框的某元素设为当前选中值

jQuery对select操作小结(遍历option,操作option)

本篇文章是关于jQuery对select的操作进行了总结介绍 需要的朋友可以参考下  

　　 //遍历option和添加 移除option function changeShipMethod(shipping){  var len = $("select"));  } } //取得下拉选单的选取值 $( #testSelect option:selected ) text(); 或 $("#testSelect") find( option:selected ) text(); 或 $("#testSelect") val(); ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下 下拉框: var cc    = $(" formc select ) attr("id"); //得到下拉菜单的选中项的ID属性值 $("#select") empty();//清空下拉框//$("#select") ( ); $("《option value= 》 《/option》") appendTo("#select")//添加下拉框的option

　　 稍微解释一下: select 表示具有name 属性 并且该属性值为 country 的select元素 里面的具有selected 属性的option 元素 可以看出有@开头的就表示后面跟的是属性

　　 单选框: $("input") attr("checked" checked ); //设置单选框value= 的为选中状态 (注意中间没有空格)

　　 复选框: $("input") each(function(){ //由于复选框一般选中的是多个 所以可以循环输出    alert($(this) val());    });

　　$("#c ") attr("checked" );//不打勾 $("#c ") attr("checked" true);//打勾 if($("#c ") attr( checked )==undefined){} //判断是否已经打勾 当然jquery的选择器是强大的 还有很多方法 《script src=jquery js type=text/javascript》《/script》 《script language="javascript" type=text/javascript》 $(document) ready(function(){ $("#selectTest") change(function() {        //alert("Hello");        //alert($("#selectTest") attr("name"));        //$("a") attr("href" "xx ");        //window location href="xx ";        //alert($("#selectTest") val());        alert($("#selectTest option") text());        $("#selectTest") attr("value" " ");

　　}); }); 《/script》

　　《a href="#"》aaass《/a》 《! 下拉框 》 《select id="selectTest" name=selectTest》 《option value=" "》 《/option》 《option value=" "》 《/option》 《option value=" "》 《/option》 《option value=" "》 《/option》 《option value=" "》 《/option》 《option value=" "》 《/option》 《/select》 jquery radio取值 checkbox取值 select取值 radio选中 checkbox选中 select选中 及其相关获取一组radio被选中项的值 var item = $( input ) get( ) checked = true; 获取值 文本框 文本区域 $("#txt") attr("value") 多选框checkbox $("#checkbox_id") attr("value") 单选组radio $("input") val(); 下拉框select $( #sel ) val(); 控制表单元素 文本框 文本区域 $("#txt") attr("value" );//清空内容                 $("#txt") attr("value" );//填充内容 多选框checkbox $("#c ") attr("checked" );//不打勾                 $("#c ") attr("checked" true);//打勾                 if($("#c ") attr( checked )==undefined) //判断是否已经打勾 单选组radio $("input") attr("checked" );//设置value= 的项目为当前选中项 下拉框select $("#sel") attr("value" sel );//设置value= sel 的项目为当前选中项             $("《optionvalue= 》 《/option》《optionvalue= 》 《/option》") appendTo("#sel")//添加下拉框的option             $("#sel") empty() //清空下拉框

jquery怎么根据value来动态选中select下的option

1、新建一个HTML文件，命名为index.html。

2、在index.html文件中编写select选择框html代码，实现选项的效果。

3、在页面中加载jquery-1.3.2.min.js文件，编写Jquery代码获得所有选项的option值。通过each（）方法遍历所有的option值，并存入select_con数组中。

4、使用console.log()打印数组，运行代码查看数组内容。

5、可以看到数组已成功获得select 中option所有的值。

6、通过map()方法获得所的option值，把结果返回到result变量中。

7、通过get()方法把获得的对象转换为数组，并存入select_con数组中。

在dwz中，如何使用jquery来动态改变select的option选中项

在id="userType"的select上添加一个onchange事件，即：
《s:select
id="userType"
list="#{-1:’-请选择-’,2:’企业’,1:’个人’}"
onchange="changeUserType()"》《/s:select》
function
changeUserType(){
var
_selected
=
jQuery("#userType").val();
var
htmlTxt
=
"《option
value=’-1’》-请选择-《/option》";
if(_selected==2){
htmlTxt
+=
"《option
value=’2’》-基本信息-《/option》";
}else{
htmlTxt
+=
"《option
value=’1’》-工作信息-《/option》";
htmlTxt
+=
"《option
value=’2’》-基本信息-《/option》";
htmlTxt
+=
"《option
value=’3’》-联系信息-《/option》";
}
jQuery("#auditStatus").html(htmlTxt);
}

jquery设置select默认选中

使用select标签的属性 selected。比如：
$(’.select’).find(’option.active’).attr(’selected’,’selected’);

jquery怎么获取select选中的值，默认选中

1、首先要保证select中每一个option标签都有value属性；

2、jquery的写法

$(’#sele’).val()//这里假设select的id是sele，这样可以获取当前选中的option的value

3、刚开始没有选择的时候默认的是第一个option的value值；

4、要测试的话可以写一个change事件，也就是每一次选择都会触发

$(’#sele’).change(function(){
     console.log($(’#sele’).val())//每次选择都会输出选择的当前option的value
})

5、如果想在js中刚开始就设置选中某一个，可以

$(’#sele’).val(’值’)//在括号中写入你想默认选中的某一个option的value值

jquery怎么设置select选中某项值

1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option").attr("selected",true);
这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text

jquery如何将下拉框的某元素设为当前选中值

jquery如何将下拉框的某元素设为当前选中值的方法为：

我们需要准备的材料分别是：电脑、HTML文档。

1、首先新建一个HTML文档。打开记事本，然后，敲写如下的一段代码（代码里的所有符号均为英文符号）。

2、然后为网页添加内容和标题。

3、保存文件。记得保存后缀名为html。

4、然后找到需要设置的代码。

5、先使用.find()方法遍历过滤，再使用.text()方法返回文本值。

6、再次保存文件，查看正确方法获取的返回结果。