jquery 操作 select 下拉框获取选中option信息、设置选中、清空选中、追加选项、删除选项

2020-04-30   阅读(38)  

<select id="select">
	<option value="1">选项一</option>
	<option value="2">选项二</option>
	<option value="3">选项三</option>
</select>

 

//获取选中项的 value
$('#select').val();
$("#select").find("option:selected").val();

//获取选中项的显示值
$("#select").find("option:selected").text();

//根据 value 值选中
$("#select option[value='1']").prop("selected", true);

//根据 text 值选中
$("#select").find("option:contains('text')").prop("selected",true);

//清空选中(单选的话,会默认选中第一项)
$("#select").find("option").removeAttr("selected");

//追加下拉项
$("#select").append("<option value='4'>选项四</option>");

//根据 value 删除 option
$("#select option[value='3']").remove();

 

ConstXiong 备案号:苏ICP备16009629号-3