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(",");

  • 相关阅读:
    列"xx"不在表Table中
    asp.net中自定义验证控件
    ASP.NET母版与内容页相对路径的问题
    html点小图看大图最快捷的方法
    ThinkCMF的跳转303 404等页面的方法
    关于ThinkCMF自带插件上传不了图片的解决方法
    js中百分比运算,大型数据会算错
    数据库价格汇总查询的方法
    信息资源5
    操作系统概论
  • 原文地址:https://www.cnblogs.com/macT/p/12690941.html
Copyright © 2011-2022 走看看