温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

select 联动 JSON jquery

发布时间:2020-06-22 04:10:07 来源:网络 阅读:491 作者:刺客2012 栏目:web开发

<td width="40%">
                   <select name="parentId" id="parentId" >
                       <option value="">
                           --请选择--
                       </option>
                   </select>
                   <select name="companiesSection" id="companiesSection">
                       <option value="">
                           --请选择--
                       </option>
                   </select>

                   <script type="text/javascript">
                       function initParentId() {
                           var option1 = '';
                           $.getJSON("${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId&id=2111",
                               function(jsonData) {
                                   $.each(jsonData,
                                   function(index, indexItems) {
                                       option1 += "<option value=" + indexItems.id + ">" + indexItems.name + "</option>";
                                   });
                                   $("#parentId").append(option1);
                                   $("#parentId").bind("change",
                                   function() {
                                       selectCompaniesSection($(this).val());
                                   })
                               })
                       }

                       function selectCompaniesSection(id) {
                           $.ajax({
                               type: "get",
                               url: "${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId",
                               data: "id=" + id ,
                               success: function(result) {
                                   $("#companiesSection").empty();
                                   result = eval(result);
                                   if(result.length==0){
                                        $("#companiesSection").append("<option value=''>--请选择--</option");
                                   }else{
                                       for (var i = 0; i < result.length; i++) {
                                           $("#companiesSection").append("<option value='" + result[i].describe + "'>" + result[i].name + "</option");
                                       }
                                   }

                               }
                           })
                       }

                      initParentId();
                   </script>


               </td>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI