# Jquery 对 Select 标签的相关操作

一、取值

1.1 获取 select 选中的 value

$('#select_id option:selected').val();
// 或者
 $("#select_id").find("option:selected").val();

1.2 获取 select 选中的 text

$('#select_id option:selected').text();
// 或者
 $("#select_id").find("option:selected").text();

二、赋值

2.1 添加一项option

// 这里的 'value' 为索引
$("#select_id").append("<option value='value'>text</option>");  
// 例：插入一个索引为0的option
$("#select_id").prepend("<option value='0'>请选择</option>");

三、删除

3.1 删除索引值最大的option

$("#select_id option:last").remove();

3.2 删除索引值为 value 的 option

注：此处的 value 为数字

$("#select_id option[index='0']").remove();
// 例：删除值为3的option
$("#select_id option[value='3']").remove();

3.3 清空option

$("#select_id").empty();