jQuery获取各种标签的文本和value值

 

<select id="test">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
 
获取select 选中的 text :
    $("#test").find("option:selected").text();
 
获取select选中的 value:
    $("#test").val();
 
获取select选中的索引:
    $("#test").get(0).selectedindex;
 
设置select:
设置select 选中的索引:
    $("#test").get(0).selectedindex=index;//index为索引值
 
设置select 选中的value:
    $("#test").attr("value","normal“);
    $("#test").val("normal");
    $("#test").get(0).value = value;
 
设置select option项:
 
    $("#test").append("<option value='value'>text</option>");  //添加一项option
    $("#test").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
    $("#test option:last").remove(); //删除索引值最大的option
    $("#test option[index='0']").remove();//删除索引值为0的option
    $("#test option[value='3']").remove(); //删除值为3的option
    $("#test option[text='4']").remove(); //删除text值为4的option
 
 
清空 select:
 
    $("test").empty();

 

 

 

posted @ 2019-09-14 18:57  anobscureretreat  阅读(3041)  评论(0编辑  收藏  举报