注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 页面特效 >> jquery >> Jquery获取select选中的文本与值
热门:word | excel | powerpoint

Jquery获取select选中的文本与值

2020/9/11 21:33:11 所属分类:页面特效 - jquery
内容提要:Jquery获取select选中的文本与值,jquery获取select选择的文本与值的方法如下:......

  jquery获取select选择的文本与值的方法如下:

  获取select :

  获取select 选中的 text :

  $("#ddlregtype").find("option:selected").text();

  获取select选中的 value:

  $("#ddlregtype ").val();

  获取select选中的索引:

  $("#ddlregtype ").get(0).selectedindex;

  设置select:

  设置select 选中的索引:

  $("#ddlregtype ").get(0).selectedindex=index;//index为索引值

  设置select 选中的value:

  $("#ddlregtype ").attr("value","normal“);

  $("#ddlregtype ").val("normal");

  $("#ddlregtype ").get(0).value = value;

  设置select 选中的text:

  var count=$("#ddlregtype option").length;
  for(var i=0;i<count;i++)
  {
    if($("#ddlregtype ").get(0).options[i].text == text)
    {
      $("#ddlregtype ").get(0).options[i].selected = true;
      break;
    }
  }
  $("#select_id option[text='jquery']").attr("selected", true);

  设置select option项:

  $("#select_id").append("<option value='value'>text</option>");  //添加一项option
  $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
  $("#select_id option:last").remove(); //删除索引值最大的option
  $("#select_id option[index='0']").remove();//删除索引值为0的option
  $("#select_id option[value='3']").remove(); //删除值为3的option
  $("#select_id option[text='4']").remove(); //删除text值为4的option

  清空 select:

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

页面特效 | jquery
相关文章
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息