一、文本框、单选按钮、复选框、相关操作
复制代码 代码如下:
var sex=$(input[name='sex']:checked).val(); //获取一组radio被选中项的值
var item=$(#sel option:selected).text(); //获取select被选中项的文本
var option_num=$('#sel').val(); //获取select项目索引
$(#sel)[0].selectedindex =1; //select下拉框的第二个元素为当前选中值
$(input[name='sex']).get(1).checked=true; //radio单选组的第二个元素为当前选中值 或者对单选框默认选定设置:
$(input[name='sex']).each(function(){
if($(this).val()==s){
$(this).attr(checked,true);
//this.checked=true;
}
});
jquery 根据value值设置下拉列表(select)默认选中项
复制代码 代码如下:
请选择
item 1
item 2
item 3
二、 jquery获取 select选择的text和value
复制代码 代码如下:
语法解释:
$(#select_id).change(function(){//code...}); //为select添加事件,当选择其中一项 时触发
var checktext=$(#select_id).find(option:selected).text(); //获取select选择的text
var checkvalue=$(#select_id).val(); //获取select选择的value
var checkindex=$(#select_id ).get(0).selectedindex; //获取select选择的索引值
var maxindex=$(#select_id option:last).attr(index); //获取select最大的索引值 jquery设置select选择的text和value:
语法解释:
$(#select_id ).get(0).selectedindex=1; //设置select索引值为1的项选中
$(#select_id ).val(4); //设置select的value值为4的项选中
$(#select_id option[text='jquery']).attr(selected, true); //设置 select的text值为jquery的项选中
jquery添加/删除select的option项:
语法解释:
$(#select_id).append(text); //为select追加一个option(下拉项)
$(#select_id).prepend(请选择); //为select插入一个option(第一个位置)
$(#select_id option:last).remove(); //删除select中索引值最大option(最后一个)
$(#select_id option[index='0']).remove(); //删除select中索引值为0的 option(第一个)
$(#select_id option[value='3']).remove(); //删除select中value='3'的 option
$(#select_id option[text='4']).remove(); //删除select中text='4'的option
应用:
复制代码 代码如下:
jquery common