layui select联动

最新推荐文章于 2025-10-27 10:59:34 发布

原创最新推荐文章于 2025-10-27 10:59:34 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现的表单联动功能，通过监听省份选择变化，动态获取并更新对应市的数据列表。

//监听省的变化
        form.on('select(sheng)', function(data){
          // data.value 为选中值
          $.post('{:U("Excel/getshi")}', {shi: data.value}, function(result) {
            result = JSON.parse(result);

            var htmls = "";
            for(var i=0; i<result.data.length; i++){
              htmls += '<option value = "' + result.data[i].area_id + '">' + result.data[i].area_name + '</option>';
            }

            $('#shi').html(htmls);
            form.render('select');

          });

        })