一个依赖下拉代码签名者

时间:2016-06-29 10:30:20

标签: javascript php jquery codeigniter drop-down-menu

我有这个依赖的下拉功能,我有一个下拉列表,另一个取决于它,

这是HTML

            <select class="form-control" name = "PROV_ID" id = "PROV_ID">
              <option></option>
                <?php foreach ($content2 as $cs) {?>
                  <option value="<?php echo $cs->PROV_ID; ?>"><?php echo $cs->PROVINCE; ?></option>
                <?php } ?> 
            </select>

              <select class="form-control" name = 'CT_ID' id = 'CT_ID'>
                  <option value=""></option>
              </select>

这里是javascript

jQuery(document).ready(function(){
  $("#PROV_ID").change(function() {
    var PROVID = {"PROVID" : $('#PROV_ID').val()};
    console.log(PROVID);

    $.ajax({
      type: "POST",
      data: PROVID,
      url: "<?php base_url(); ?>Employees/dependent_dropdown/",

      success: function(data){
          var select = $('#CT_ID');
          select.html('');
          $.each(data, function(i, option){
              select.append("<option value='"+option.CT_ID+"'>"+option.CITY+"</option>");
          });
      }
     });
   });
 });

现在我希望有一个这样的,但是我希望在从属值显示值之前为前两个下拉列表选择值。

e.g。

first dropdown - &gt;选择一个值 second dropdown - &gt;选择值

dependent dropdown - &gt;根据第一个和第二个下拉列表给出值。

示例:select * from thistable where column1 = 'firstdropdownvalue' and column2 = 'seconddropdownvalue'

然后下拉值就是结果。

1 个答案:

答案 0 :(得分:0)

jQuery(document).ready(function(){
  $("#CT_ID").change(function() {
    var PROVID_two = {"PROVID" : $('#PROV_ID').val(), "CT_ID" : $('#CT_ID').val()};
    console.log(PROVID);

    $.ajax({
      type: "POST",
      data: PROVID_two,
      url: "<?php base_url(); ?>Employees/dependent_dropdown2/",

      success: function(data){
          var select = $('#PROVID_two');
          select.html('');
          $.each(data, function(i, option){
              select.append("<option value='"+option.CT_IDnew+"'>"+option.CITYnew+"</option>");
          });
      }
     });
   });
 });

你可以这样试试。传递两个选定的值。希望你明白