最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery动态添加删除select项

来源:动视网 责编:小采 时间:2020-11-27 20:17:51
文档

jQuery动态添加删除select项

jQuery动态添加删除select项:// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append("<option value='"+value+&q
推荐度:
导读jQuery动态添加删除select项:// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append("<option value='"+value+&q


// 添加
function col_add() {
	var selObj = $("#mySelect");
	var value="value";
	var text="text";
	selObj.append("<option value='"+value+"'>"+text+"</option>");
}
// 删除
function col_delete() {
	var selOpt = $("#mySelect option:selected");
	selOpt.remove();
}
// 清空
function col_clear() {
	var selOpt = $("#mySelect option");
	selOpt.remove();
}

以上方法为jQuery动态添加、删除和清空select。下面是纯js的写法:

var sid = document.getElementById("mySelect");
 
sid.options[sid.options.length]=new Option("text","value"); // 在select最后添加一项

其他常用的方法:

$("#mySelect").change(function(){//code...}); //select选中项改变时触发

// 获取select值
var text=$("#mySelect").find("option:selected").text(); //获取Select选中项的Text
var value=$("#mySelect").val(); //获取Select选中项的Value
var value=$("#mySelect option:selected").attr("value"); //获取Select选中项的Value
var index=$("#mySelect").get(0).selectedIndex; //获取Select选中项的索引值,从0开始
var index=$("#mySelect option:selected").attr("index"); //不可用!!!
var index=$("#mySelect option:selected").index(); //获取Select选中项的索引值,从0开始
var maxIndex=$("#mySelect option:last").attr("index"); //不可用!!!
var maxIndex=$("#mySelect option:last").index();//获取Select最大索引值,从0开始
$("#mySelect").prepend("<option value='value'>text</option>"); //Select第一项前插入一项

// 设置select值
//根据索引设置选中项
$("#mySelect").get(0).selectedIndex=index;//index为索引值 
//根据value设置选中项
$("#mySelect").attr("value","newValue"); 
$("#mySelect").val("newValue"); 
$("#mySelect").get(0).value = value; 
//根据text设置对应的项为选中项
var count=$("#mySelect option").length; 
for(var i=0;i<count;i++) 
{ 
 if($("#mySelect").get(0).options[i].text == text) 
 { 
 $("#mySelect").get(0).options[i].selected = true; 
 break; 
 } 
} 

// 清空select
$("#mySelect").empty();

文档

jQuery动态添加删除select项

jQuery动态添加删除select项:// 添加 function col_add() { var selObj = $("#mySelect"); var value="value"; var text="text"; selObj.append("<option value='"+value+&q
推荐度:
标签: 删除 添加 增加
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top