下拉框默认选中 - CSDN
精华内容
参与话题
  • 获取select的值,默认选中制定select值

    本文主要介绍select下拉框的相关方法。

    1.通过id获取下拉框的value和文本值

    例如:  <select class="form-control" id="numbers">
                          <option value="1">数字1</option>
                            <option value="2" selected>数字2</option>
                  </select>

    $("#numbers option:selected").val();   获取到下拉框被选中的optionde value值:2;

    $("#numbers option:selected").text();   获取到下拉框被选中的optionde 文本内容:数字2;

    2.默认选中某个select值:增加selected属性

    input框中输入数字,失去焦点时调用selectNumber()方法,选中与input框中相同的数字

    function selectNumber(){
    var num = $("#num").val();   //获取input中输入的数字
    var numbers = $("#numbers").find("option"); //获取select下拉框的所有值
    for (var j = 1; j < numbers.length; j++) {
    if ($(numbers[j]).
    val() == num) {
    $(numbers[j]).attr("selected", "selected");
    }
    }
    }

    展开全文
  • select下拉框默认选择

    万次阅读 2015-08-13 18:32:21
    select标签构成的下拉框和jquery通过js构建的下拉框用法一样。例如: html下拉框: data-options="editable:false,required:true">

    select标签构成的下拉框和jquery通过js构建的下拉框用法一样。例如:

    html下拉框:

    <select id="editState"  class="combobox validatebox" name="dto.baseCode.state" style="width:135px"
     	data-options="editable:false,required:true">  
    	<option value="1">启用</option> 
    	<option value="0" selected>停用</option> 
    </select>


    js控制的下拉框:

    <input id="editDisplayName" class="combobox" name="dto.baseCode.displayName" />

    $('#editDisplayName').combobox({  
         url:$WEB_ROOT_PATH+'/basecode/baseCodeCtrl.htm?BLHMI=findBaseCode&dto.baseCode.codeSystem='+diseaseCategory,
         valueField:'id',  
         textField:'text',
         disabled:true,
         onLoadSuccess:function(){
            $CommonUI.getComboBox('#editDisplayName').combobox("setText",row.displayName);
            $CommonUI.getComboBox('#editDisplayName').combobox("setValue",row.displayName);
          }
    });
    两者的本质是相同的,但是,select标签创建的下拉框会默认选中第一个选项。而js控制的下拉框默认是不会选中任何选项的。

    当然select标签的默认选项可以通过为option标签添加selected属性设置。

    而js控制的下拉框可以通过$("id").combobox('setValue',value);设置初始值。


    下拉框的默认值的获取方式:

    $("id").next().children(":text").val()或者$("id").combobox("getValue").






    展开全文
  • 很简单: //这样的语法 option选项.selected = true; //案例如下 //获取表格显示的值 var seleVal = eleTd[4].innerHTML; //找到所有option,并...//for循环if判断,对应的设置默认选中 $.each(arrEleOption, fu...

    很简单:

    //这样的语法
    option选项.selected = true;
    
    //案例如下
    //获取表格显示的值
    var seleVal = eleTd[4].innerHTML;
    //找到所有option,并获取他们的显示值
    var arrEleOption = $("#updCid option");
    //for循环if判断,对应的设置默认选中
    $.each(arrEleOption, function (i, opt) {
    console.log("seleVal="+seleVal+",opt.text="+opt.text)
    	if(opt.text == seleVal) {
    		opt.selected = true;
    	}
    })
    
    展开全文
  • 下拉框默认选中

    2016-09-29 13:14:12
    required="true"> selected> allCurrency 为币种信息,为币种下拉框 br 为根据id查询的列表详细信息 当币种下拉框中的id与详细信息中的id一样时默认选中,显示币种选中信息
    <f:select2 id="currencyId" name="currencyId" width="100%"
    required="true">
    <c:forEach items="${allCurrency}" var="currency">
    <option value="${currency.id}" <c:if test="${currency.id==br.currencyId}">selected</c:if>><c:out value="${currency.name}"/></option>
    </c:forEach>

    </f:select2>

    allCurrency 为币种信息,为币种下拉框

    br 为根据id查询的列表详细信息

    当币种下拉框中的id与详细信息中的id一样时默认选中,显示币种选中信息

    展开全文
  • 动态加载下拉框(默认选中)

    万次阅读 2018-08-28 17:08:18
    动态加载下拉框数据 在一个页面中实现修改(包括id取值,修改),保存操作 今天做的一个下拉框动态加载数据,需求是这样的: 进入到页面的时候,下拉框数据加载完成,页面如下 然后就是需求,先看着这个页面,...
  • js设置select下拉框默认选中

    万次阅读 2019-04-30 09:22:32
    通过value值设置默认选中 $(&amp;amp;amp;amp;amp;amp;amp;amp;quot;#sel&amp;amp;amp;amp;amp;amp;amp;amp;quot;).val(‘xx’);//设置value为xx的option选中 通过text设置默认选中 $(&...
  • HTML select显示默认选中的值

    万次阅读 2018-09-20 09:41:23
    想在一个下拉框里面默认显示选中的值的写法:加上一个selected属性就好了 &lt;select&gt; &lt;option value="volvo"&gt;Volvo&lt;/option&gt; &lt;option value="...
  • 属性,不起作用,没有实现默认选中。 分析: 分析:使用谷歌浏览器打开页面时,selected=&quot;selected&quot;默认选中事件有效。当使用火狐浏览器打开刷新页面后显示的是上一次关闭时选中的option...
  • layui 下拉框默认选中

    万次阅读 多人点赞 2019-01-28 15:55:49
    $("#selectList").find("option[value="+camera_id+"]").prop("selected",true); form.render();
  • jQuery设置下拉框select 默认选中option

    千次阅读 2017-09-15 19:02:23
    $("#id option:first").prop("selected", 'selected');  将请选择加入到select中第一位 $("#id").prepend("--请选择--"); 填充select $("#id").append("value");
  • js控制下拉框默认选中第一个值

    千次阅读 2019-08-12 17:52:09
    <td> <select type="text" class="form-control" id="startOppn" name="startOppn"> <option value="0">未开课</option> <option value="1">已开课<... ...
  • js控制默认选择下拉框第一个

    千次阅读 2018-05-31 16:23:09
    $("#publishDataSource option:first").prop("selected",'selected');
  • 转载于:https://blog.51cto.com/11871779/2363444
  • //设置默认选中第一项 $("#id option:first").prop("selected", 'selected');
  • $("#selIndustyType option[value='1']").attr("selected", "selected");
  • c# 下拉框设置默认选项

    万次阅读 2009-03-24 11:59:00
    自己还处于c#新手阶段在用aspx的页中用到了下拉框设置默认选项。实现方法虽然很简单,但是还要记录下来。借以抛砖引玉。 .aspx .aspx.cs//根据选项的文字内容,查找对应的下标。设置默认项 int sltIndex = 0; ...
  • jq选择下拉框默认值

    千次阅读 2017-02-17 09:30:22
    $("#ddlSettlementType option[value='1']").attr("selected", true);
  • 取值问题 <select id="selector"> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三<...option value...
  • 关于下拉框默认选中值 select下拉框在界面的展示,我们都希望看到框中有一个值 而不是空白,比如显示 “请选择” 或者 “全部” 的默认值,我们直接上代码: <div id="app"> <select name="...
  • angularjs的select 下拉框默认选中某个选项 在网上找了很多链接,试验之后都不行。比如常见的: <select class="form-control" ng-model="gender" > <option value="man" ng-selected="true">男性<...
1 2 3 4 5 ... 20
收藏数 23,970
精华内容 9,588
热门标签
关键字:

下拉框默认选中