php加jquery处理二级联动select框_php select 二级-CSDN博客

本文链接：https://blog.csdn.net/weixin_43023551/article/details/88355995

一些操作

$("#select_id").append(“Text”); //为Select追加一个Option(下拉项)
$("#select_id").prepend(“请选择”); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index=‘0’]").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value=‘3’]").remove(); //删除Select中Value='3’的Option
$("#select_id option[text=‘4’]").remove(); //删除Select中Text='4’的Option

很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如：$(".selector1").change(function(){

 // 先清空第二个

  $(".selector2").empty();

 // 实际的应用中，这里的option一般都是用循环生成多个了

  var option = $("<option>").val(1).text("pxx");

  $(".selector2").append(option);

});

列子

script>

    季度: <select id="quarter" name="quarter" >
        {foreach name='monthsnum' key='k' item='v'}
            <option id="themonthget" name="1" value={$v}>{$v}
       </option>
       {/foreach}
        </select>
    <hr>

    开船时间: <select name="triptime" id="triptime">
     {foreach name='list' key='key' item='value'}
                <option name="2" id="optionday"  value="{$value.thedays}">{$value.thedays}
      {/foreach}
              </select>


<script>              
   $("#quarter").change(function(){
         $("#triptime").empty();
         var quarter =$('#quarter').val();
        $.ajax({
          type: "POST",            //设置类型
          url:"/admin/trip/shiptripapp/selectsearch",           //数据传输地址
          dataType: "json",               //获取的数据类型
            data: {"quarter":quarter},           //传参
          success: function (date) {
              var obj =date;
             for(var i=0;i<obj.length;i++){
           $("#triptime").append("<option value='"+obj[i]+"'>"+obj[i]+"</option>");
           }


          },
          error: function (url){

          }
        });


        });




</script>