JS 设置下拉列表的值(设置选中项)

原创 2015年11月19日 16:01:57

在js代码里设置一个下拉列表选中项的方法如下:

var obj = document.getElementById('selAppType');

$.each(obj .options, function (i, n) {
    if (n.value === 'hello') {
        n.selected = true;
    }
});
或者用JQuery的方法获取:

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

//操作select下的所有options
$("#id").find("option").each(function(i,n){
    //TO DO
});

//获取select选中的索引:
$("#id").get(0).selectedIndex;

//清空 Select:
$("#id").empty();

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



js实现下拉框默认选中

$.ajax({    url:'1.action',    type:'POST',    dataType:'text',    success:function(data){          ...
  • ithouse
  • ithouse
  • 2014年07月23日 09:48
  • 3166

js 设置 下拉框的数据

  • 2013年08月07日 17:23
  • 925B
  • 下载

js控制html下拉框select的选择

关于html的下拉框, 我们该如何在js代码中控制它选择哪个呢?   如下: 1 2 3 4 test functio...
  • stpeace
  • stpeace
  • 2016年03月06日 22:09
  • 5992

关于javaScript实现select下拉框自动展开

我本来的目的:是想实现鼠标移动到select下拉框上,下拉框自动展开。 原先思路:使用onmouseover()鼠标事件调用一个openSelect()函数,函数中调用onclick()方法,以为就...
  • SUN_song520
  • SUN_song520
  • 2015年12月27日 13:46
  • 17428

js来控制下拉框的显示值

小东西,留起来,以后用: document.getElementById("DeviceType").options[0].selected = true; 我用这个挺好的,有人说不好用,他用...
  • angus_17
  • angus_17
  • 2012年02月02日 16:49
  • 12383

jquery操作select(取值,设置选中)

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中     $(".selector").val("pxx");2、设置tex...
  • nairuohe
  • nairuohe
  • 2011年04月07日 16:26
  • 1001091

JS控制select的默认选中项

无标题页         function SELECT(index){             var select = document.getElementById("Select1"); ...
  • liangzhuangdongtou
  • liangzhuangdongtou
  • 2017年01月06日 14:19
  • 1474

下拉框检索条件带回(javascript设置选中项)

在检索条件所用的控件是时,经常要将检索条件带回,这个地方我曾经用过很多方法,但是“判断带回值与select中值,若相等则将此条目的selected属性设置为true”   工作类别:         ...
  • llp1273176127
  • llp1273176127
  • 2014年03月24日 17:37
  • 436

JS 控制select选中项

var selectedValue = ''; function changeSelected(){ jsSelectItemByValue(document.get...
  • w709854369
  • w709854369
  • 2012年02月28日 23:37
  • 23758

select下拉框内容回显 并将对应的option设置为selected选中状态

script type="text/javascript"> var productId = '${product.productId}'; _findSelectedData()...
  • tuntun1120
  • tuntun1120
  • 2017年06月09日 13:12
  • 2092
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS 设置下拉列表的值(设置选中项)
举报原因:
原因补充:

(最多只允许输入30个字)