1. 程式人生 > >layui 選擇select 渲染下一個select的option

layui 選擇select 渲染下一個select的option

 <select name="property_act_id" id="property_act_id" lay-filter="act_attributes"></select>

 form.on('select(catalog_type_id)', function(data){   //catalog_type_id為主控的select
            var id = $('#catalog_type_id').val();

           if(id){
                $.get('<?php echo urldecode(Url::to(['ajax/getdatas']));?>&id='+id,function(req){
                    if(req.code == 0){

                      var act_attributes = req.act_attributes;  //返回資料裡該屬性的內容
                        $("#property_act_id").html('');
                        if(act_attributes != null){
                            $("#property_act_id").append("<option  value=''>請選擇</option>")
                            for(value in act_attributes){
                                $("#property_act_id").append("<option  value='" + value + "'>" + act_attributes[value] + "</option>");
                            }
                        }else{
                            $("#property_act_id").append("<option  value=''>沒有選項</option>")
                        }

                      form.render('select'); 

                else{
                        if(req.msg!=''){
                            layer.msg(req.msg);
                        }else{
                            if (req.err) {
                                for(f in req.err){
                                    layer.tips(req.err[f],document.getElementById('shop-'+f),{tips: [3, '#FFA500'],tipsMore:true}); 
                                }
                            } 
                        }
                    }
                    
                },'JSON').error(function(err){
                            //AJAX通訊出現錯誤
                            layer.msg(JSON.stringify(err));
                        });
                return false;

  }

})

相關推薦

layui 選擇select 渲染一個select的option

 <select name="property_act_id" id="property_act_id" lay-filter="act_attributes"></select>  form.on('select(catalog_type_id)'

類似智慧購票的demo--進入頁面後預設焦點在第一個輸入框,輸入內容、回車、right時焦點自動跳到下一個,當跳到select時,拉選項自動彈出,並且可以按上下鍵選擇選擇完成後再跳到下一個

要實現的效果:進入頁面後預設焦點在第一個輸入框,輸入內容、回車、right時焦點自動跳到下一個,當跳到select時,下拉選項自動彈出,並且可以按上下鍵選擇,選擇完成後再跳到下一個。 PS:自己模擬的一個簡單效果,但仍然存在問題:網上搜了許多,關於select自動彈出的問題

Web前端:如何實現選擇select拉框選中跳轉其他頁面

option chang 前端 實現 cati onchange 下拉框選中 b- class <select onchange="window.location=this.value;"><option value="a.html">用戶管理<

css如何選擇相同class的第一個class元素和最後一個元素?

如圖,如果像選擇類名為  class=exerciseInfo  中的第一個和最後一個div,做法如下: 選擇第一個類名: .exerciseInfo: nth-of-type(1) { ... }; 選擇最後一個類名: .exerciseInfo: last-chi

為什麼一個5年java後臺開發你該選擇Spring Boot?

我們先來看看以前我們是怎麼寫Spring的 以前的Spring 整合複雜 相信大家學SSM(Spring+Spring MVC+MyBatis)結構的時候, 最痛苦的莫過於整合了..  既然要整合三者, 那麼需要做哪些配置呢? 選擇各種依賴的版本,spring核心的

jquery判斷input checkbox是否選擇 select拉列表選擇的value

var checkInput = $(".check_input").is(':checked'); //true  選擇  false 未選擇 var select_type = $('.select_type').val(); //value值

Oracle 獲取一個值的select 語句

-- Next Operation SELECT m.operation_no FROM Shop_Order_Opera

謀哥:社交小遊戲App將是一個金礦!

最重要的 感覺 接口 產品 one 這樣的 現在 廣告 port 【謀哥每天一原創幹貨,第四十五篇】 移動互聯網的機會是許多的。誰先做誰的機會就更大,所以把握時機很重要。現在的App市場,各個分類的App已經多得眼花。也就是所謂的紅海一片。 那麽。在移動浪潮下。是不是還

JS中在當前日期上追加一天或者獲取上一個月和一個

ren days 月的天數 rem () split color 測試 -1 /** * 獲取上一個月 * * @date 格式為yyyy-mm-dd的日期,如:2014-01-25 */

jquery點擊li標簽之後在該li標簽上添加一個class,點擊一個li時刪除上一個li的class

style 下一個 div mov 元素 使用 font rem pre 思路:點擊當前li元素後是用removeClass()刪除所有兄弟元素(使用siblings()獲取)的class樣式,然後使用addClass()為當前li添加class 具體演示如下: 1、HTM

無人機的一個時代,將由“群”定義

美國空軍 無人機 下一代 生物學 螺旋槳 當你想到無人機的時候你會覺得它是什麽樣子的?一個單獨的遙控玩具,有螺旋槳,還是一架大型無人機?很快,這些圖像可能會有很大的不同:無人機變得越來越小,制造成本低,可以自己放大,並且可以集中數百個甚至數千個的群體,像一群鳥一樣飛翔。它們被稱為群體,將它

Android Studio keymap到Eclipse後,查找一個同樣變量快捷鍵Ctrl+K失效

ref fin studio roi soft nbsp cor ati net 註:升級到0.8的版本號以後。這個快捷鍵能夠使了,只是另一個bug,假設你用了Ctrl+F先去查找了其它的東東,再使這個快捷鍵去定位另外一個變量可能偶爾會不靈,不靈的話還是能夠用我以下的方

現金支付,一個逝去的情懷?

防偽標簽 西方國家 美國人 消費者 普通人 據國外媒體報道,歐美等西方國家進行了一項關於“你是否願意棄用現金”的調查,數據顯示,超過三分之一的歐洲人和美國人願意棄用現金,他們認為電子支付更加方便,而且安全性有保證,這些國家裏已經有20%的消費者已這樣做了,另外,這項調查還發現,在很多最常使

INNODB自增主鍵的一些問題 vs mysql獲得自增字段一個

nod 天發 內存 ima dialog creat class 成對 例子 今天發現 批量插入下,自增主鍵不連續了。。。。。。。 InnoDB AUTO_INCREMENT Lock Modes This section describes

詳細的<select>拉列表詳解

刷新 焦點 root 失去 收集 asc aid isa document 我們使用表單下拉列表選擇數據,如省、市、縣、年、月等數據,我們即可使用下拉菜單表單進行設置。select 我下拉列表菜單標簽Option為下拉列表數據標簽Value 為Option的數據值(用於數據

自寫:js輪播圖 鼠標劃過下方按鈕,繼續一個

就會 定時器 pac color lis hover 路線 css 輪播圖 自寫:js輪播圖 鼠標劃過下方按鈕,繼續下一個 定時器關閉後再開啟一般都會按照原來的路線繼續走,不會因為你點了3而下個就會是4 $(".focus-rad>ul>li").hover(

三電商同天開發布會,二手車正在成為資本一個戰場

國內 這一 isp 消費者 邀請函 公開 2017年 還在 發布會 今日,優信二手車,瓜子二手車、車置寶三大競爭對手同一天開發布會,是碰巧還是故意?是送祝福還是挑釁?他們會發布什麽呢? 來自最新的消息稱,瓜子二手車宣布獲得超4億美元B輪融資,投資方包括H CAPITAL、

IDEA 在某個工程一個module如何使用另一個module中的資源文件(.xml .prop等)

blog mave 一個 pid 技術 mage module 如何使用 依賴關系 問題如題,經google,解決方案有四種,選擇了比較直觀有效的一種羅列如下: 因為項目采用maven管理,所以我們可以在module2下的pom.xml制定<resource

使用zTree展開節點後,覆蓋了一個節點

src 下一個 alt cnblogs 覆蓋 http .com 標簽 tree 如圖所示,結果是zTree與<fieldset>標簽不兼容。。。。我去!!! 也就是說Ztree不能放在<fieldset>標簽中。。使用zTree展開節點後,覆蓋了

JS/JQuery獲取當前元素的上一個/一個兄弟級元素等元素的方法

input logs type ron put 綁定 style wid cti $(function(){ //遍歷獲取的input元素對象數組,綁定click事件 var len = $("input[type=‘file‘]").length;