zoukankan      html  css  js  c++  java
  • select

    <select class="form-control" id="IllegalTimeInterval" name="IllegalTimeInterval">
    <option value="0"></option>
    <option value="1">每1个小时展示</option>
    <option value="2">每2个小时展示</option>
    </select>

     $("#IllegalTimeInterval").val(data.Result.IllegalTimeInterval);

    //多选框,去掉multiple可以改造成单选框,这个select引入chosen会有搜索效果

    <div class="col-sm-8"> 
    <select class="multiselect form-control" multiple="multiple" id="EventType" name="EventType">
    <option value="">请选择</option>
    </select>
    </div>
    
    $("#EventType").chosen({
     "100%",
    no_results_text: "没有匹配结果",
    placeholder_text: "请选择事件类型",
    search_placeholder: "事件类型"
    });
    
    EventTypeForm = function () { //初始化时执行一次,给select下拉框动态赋值
    $.ajax({
    type: "get",
    url: "/api/Common/DictManager/GetDictByDictTypeID",
    data: { "id": "1013" },
    dataType: "json",
    success: function (data) { 
    if (data.HasError) {
    console.log(data.HasError);
    return;
    } else {
    $laneSelect = $('#EventType').empty();
    var temp = '<option value="{0}">{1}</option>';
    for (var j in data.Result) {
    $(temp.format(data.Result[j].DictionaryNo, data.Result[j].Value)).data('src', data.Result[j]).appendTo($laneSelect); 
    }
    $("#EventType").trigger("chosen:updated");
    }
    }
    });
    
    },

     select获取option文本值

    单选

    var s = $("#EventType").find("option:selected").text();

    $('#EventType option:selected').text();//选中的文本

    $('#EventType option:selected') .val();//选中的值

    $("#EventType ").get(0).selectedIndex;//索引

    多选

    var productArray = new Array();
    $.each($("#EventType").find("option:selected"), function(index, obj) {
    productArray.push($(obj).text());
    });
    $.each($("#EventType").find("option:selected"), function(index, obj) {
    productArray.push($(obj).text());
    });

    var productStr=productArray.join(",");

  • 相关阅读:
    CFgym102394I
    Infinite Fraction Path (后缀数组)
    2016ACM/ICPC亚洲区沈阳站-重现赛
    2sat学习笔记
    bzoj4176
    bzoj3309
    6C
    3U
    3T
    3R
  • 原文地址:https://www.cnblogs.com/macT/p/12690941.html
Copyright © 2011-2022 走看看