select
获取select选择的Text和Value
//获取选中的value
var val=$("#select_id").val();
var val=$("#select_id option:selected").val();
//获取选中的text
var txt=$("#select_id").find("option:selected").text();
var txt=$("#select_id option:selected").text();
//获取所有选项的text
var txts=$("#select_id").text();
//获取选中的索引值
var index=$("#select_id").get(0).selectedIndex;
设置select选项被选中
//设置value值等于某个特定的值的选项被选中
$("#select_id").val("03"); //设置select的value值为"03"的项被选中
//设置text值等于某个特定的值的选项被选中
$("#select_id option[text='北京']").attr("selected","true"); //设置select的Text值为"北京"的选项被选中
//设置select索引值为某个特定的值的选项被选中
$("#select_id").get(0).selectedIndex=2; //设置select索引值为2的选项被选中
添加select的option选项
//为select追加一个option选项
$("#select_id").append("<option value='Value'>Text</option>");
//为select插入一个option选项(放在第一个位置)
$("#select_id").prepend("<option value='0'>请选择</option>");
删除select的option选项
注:option选项中没有对应属性(如:value、text、index)是删除不了的。
//删除select中value值等于某一特定值的选项被删除
$("#select_id option[value='3']").remove();
//删除select中text值等于某一特定值的选项被删除
$("#select_id option[text='4']").remove();
//删除select中index值等于某一特定值的选项
$("#select_id option[index='0']").remove();
//删除select中索引值最大的选项
$("#select_id option:last").remove();
清空select中的option选项
//删除select下的option选项
$("#select_id").empty();
//删除select整个标签
$("#select_id").remove();
初始化select
function initSelect() {
var cityArr = ["北京", "上海", "杭州", "武汉", "深圳"];
var valueArr = ["01", "02", "03", "04", "05"];
//方法一:
//var strHtml = "";
//$.each(cityArr, function (index, element) {
// strHtml += "<option value='" + valueArr[index] + "'>"+element+"</option>";
//});
//$("#sel").append(strHtml).css("width", "100").css("height", "30");
//方法二:
$.each(cityArr, function (index, element) {
var option = $("<option>").val(valueArr[index]).text(element);
$("#sel").append(option);
});
}
select值改变事件
$("#select_id").change(function(){
//code
});
radio
取一组radio被选中项的值
//获取被选中radio的value值
var value=$("input:radio[name='radioName']:checked").val();
//获取所有radio选中的项,返回的是集合
var radioArr=$("input:radio:checked");
var radioArr=$("input:[type='radio']:checked");
设置radio选项被选中
//根据name值和value值设置radio选项被选中
$("input:radio[name='sex'][value='female']").attr("checked","true");
//根据name值和索引值设置radio选项被选中
$("input:radio[name='sex']").eq(索引值).attr("checked","true");//索引值从0开始
删除radio选项
//根据name值和value值被选选项删除
$("input:radio[name='sex'][value='female']").remove();
//根据name值和索引值被选选项删除
$("input:radio[name='sex']").eq(索引值).remove(); //索引值从0开始
遍历radio
$("input:radio").each(function(index,element){
//code
});