Heim >Web-Frontend >js-Tutorial >Wählen Sie dynamischen Rendering-Code in js aus, um eine sekundäre Verknüpfung zu erreichen

Wählen Sie dynamischen Rendering-Code in js aus, um eine sekundäre Verknüpfung zu erreichen

不言
不言Original
2018-08-25 10:15:242181Durchsuche

Der Inhalt dieses Artikels befasst sich mit dem Code zur Realisierung der sekundären Verknüpfung durch ausgewähltes dynamisches Rendering. Er hat einen gewissen Referenzwert. Ich hoffe, er wird für Sie hilfreich sein.

Das Folgende ist Teil des HTML-Codes

<div class="layui-form-item layui-row layui-col-space5">
  <div class="layui-col-md6">
  <label class="layui-form-label">一级分类</label>
  <div class="layui-input-block layui-select-block">
    <select name="oaalFtype" id="oaalFtype" lay-filter="oaalFtype"></select>
      </div>
  </div>
  <div class="layui-col-md6">
  <label class="layui-form-label">二级分类</label>
    <div class="layui-input-block layui-select-block">
     <select name="oaalStype" id="oaalStype" lay-filter="oaalStype"></select>
      </div>
  </div>
  </div>

Das Folgende ist Teil des js

layui.use([&#39;element&#39;, &#39;form&#39;, &#39;layer&#39;], function(){
var $ = layui.jquery
,element = layui.element
,form = layui.form
,layer = layui.layer;
//初始化下拉框
function initSelect(id,url){
$.post(url,function(result){
var data = result.data;
var arr = new Array();
arr.push("<option value=&#39;&#39;>请选择</option>");
$.each(data, function(i,item){
var t = item.text, v = item.value, option = "<option value=&#39;"+v+"&#39;>"+t+"</option>";
arr.push(option);
})
$("#"+id).empty();
$("#"+id).append(arr.join(""));
form.render(&#39;select&#39;);
})
}
//表单提交
form.on(&#39;submit(save)&#39;,function(data){
var options = {
            url: "${mbase}/saveOaAssetlib.do",
            type: "POST",
            success: function (data) {
                if(data.success){
                layer.alert(data.messages[0],{icon: 1},function(){
                window.close();
                    window.opener.location.reload();
                });
                }
            }
    };
    $("#formData").ajaxSubmit(options);
})
//一级分类
var oaalFtype = "${base}/risen/pub/dictCombo.action?uuid=/DICT/OA/ASSETLIB/FTYPE&TYPE=jsn_grid";
initSelect("oaalFtype",oaalFtype);
//批次
var oaalBatch = "${base}/risen/pub/dictCombo.action?uuid=/DICT/OA/ASSETLIB/BATCH&TYPE=jsn_grid";
initSelect("oaalBatch",oaalBatch);
//监控一级分类
form.on(&#39;select(oaalFtype)&#39;, function(data){//2级联动
//二级分类初始化
var oaalStype = "${base}/risen/pub/dictCombo.action?uuid=/DICT/OA/ASSETLIB/FTYPE/"+encodeURI(data.value)+"&TYPE=jsn_grid";
initSelect("oaalStype",oaalStype);
}); 
});

Verwandte Empfehlungen:

js implementiert Select Beispiel für eine sekundäre Verknüpfung in HTML Share

AngularJS-Implementierung des Dropdown-Menüs für ausgewählte sekundäre Verknüpfungen, Schritt-für-Schritt-Erklärung

Das obige ist der detaillierte Inhalt vonWählen Sie dynamischen Rendering-Code in js aus, um eine sekundäre Verknüpfung zu erreichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn