Javascript 使用jquery更改select上的其他select值_Javascript_Php_Jquery_Select

Javascript 使用jquery更改select上的其他select值

javascript php jquery select

Javascript 使用jquery更改select上的其他select值,javascript,php,jquery,select,Javascript,Php,Jquery,Select,我有如下代码，该代码给我两个选择选项，当我选择kota_kabupaten类的值时，如何更改kecamatan类的选择值例如：当我在第一个选择选项（kota_kabupaten类）中选择“tangerang”，然后在第二个选择选项（kecamatan类）中选择“balaraja”和“bitung”，其中没有“balong” 谢谢你的帮助：D javascript <script type="text/javascript"> $(document).ready(functio

我有如下代码，该代码给我两个选择选项，当我选择kota_kabupaten类的值时，如何更改kecamatan类的选择值

例如：当我在第一个选择选项（kota_kabupaten类）中选择“tangerang”，然后在第二个选择选项（kecamatan类）中选择“balaraja”和“bitung”，其中没有“balong”

谢谢你的帮助：D

javascript

<script type="text/javascript">
   $(document).ready(function(){
      $(".kota_kabupaten").change(function(){                   
      var kab = $(".kota_kabupaten option:selected").val();
      //do something here
   });
  });
</script>


$（文档）.ready（函数（）{
$（“.kota_kabupaten”）.change（函数（）{
var kab=$（“.kota_kabupaten选项：选中”）.val（）；
//在这里做点什么
});
});

html/php

<select class="form-control kota_kabupaten">
  <?php
     $kab = array(
     'tangerang'=>array('balajara','bitung'),
     'banten' => array('balong')
      );
     foreach ($kab as $kab => $kecamatan){
     echo "<option value=".$kab.">".$kab."</option>" ;
      }
?>
</select>
<select class="form-control kecamatan" name = "kecamatan" id="kecamatan">
    <?php
     $kab = array(
        'tangerang'=>array('balajara','bitung'),
        'banten' => array('balong')
        );
        $kabupaten="tangerang"; // this line just for example when the value is exist
      foreach ($kab as $kab => $kecamatan){
        if(is_array($kecamatan)){
          foreach ($kecamatan as $key => $value) {
            if($kab==$kabupaten){
            echo "<option value=".$value.">".$value."</option>" ;
            }
          }
        }  
      }
    ?>
  </select>

我相信这很好用

<script type="text/javascript">
  $(document).ready(function(){
    $(".kota_kabupaten").change(function(){                   
    var kabSel = $(this).val(); // CHANGE THIS LINE
    values=kab[kabSel];
    opt="";
    for(i in values){
      opt+="<option value='"+values[i]+"' >"+values[i]+"</option>";
    }
   $("#kecamatan").html(opt);
  });
  });
 </script>


$（文档）.ready（函数（）{
$（“.kota_kabupaten”）.change（函数（）{
var kabSel=$（this）.val（）；//更改此行
值=kab[kabSel]；
opt=“”；
对于（i值）{
opt+=“”+值[i]+“”；
}
$（“#kecamatan”）.html（opt）；
});
});

PHP


$（文档）.ready（函数（）{
卡布=
});

我相信这很好用

<script type="text/javascript">
  $(document).ready(function(){
    $(".kota_kabupaten").change(function(){                   
    var kabSel = $(this).val(); // CHANGE THIS LINE
    values=kab[kabSel];
    opt="";
    for(i in values){
      opt+="<option value='"+values[i]+"' >"+values[i]+"</option>";
    }
   $("#kecamatan").html(opt);
  });
  });
 </script>


$（文档）.ready（函数（）{
$（“.kota_kabupaten”）.change（函数（）{
var kabSel=$（this）.val（）；//更改此行
值=kab[kabSel]；
opt=“”；
对于（i值）{
opt+=“”+值[i]+“”；
}
$（“#kecamatan”）.html（opt）；
});
});

PHP


$（文档）.ready（函数（）{
卡布=
});

我相信这很好用

<script type="text/javascript">
  $(document).ready(function(){
    $(".kota_kabupaten").change(function(){                   
    var kabSel = $(this).val(); // CHANGE THIS LINE
    values=kab[kabSel];
    opt="";
    for(i in values){
      opt+="<option value='"+values[i]+"' >"+values[i]+"</option>";
    }
   $("#kecamatan").html(opt);
  });
  });
 </script>


$（文档）.ready（函数（）{
$（“.kota_kabupaten”）.change（函数（）{
var kabSel=$（this）.val（）；//更改此行
值=kab[kabSel]；
opt=“”；
对于（i值）{
opt+=“”+值[i]+“”；
}
$（“#kecamatan”）.html（opt）；
});
});

PHP


$（文档）.ready（函数（）{
卡布=
});

我相信这很好用

<script type="text/javascript">
  $(document).ready(function(){
    $(".kota_kabupaten").change(function(){                   
    var kabSel = $(this).val(); // CHANGE THIS LINE
    values=kab[kabSel];
    opt="";
    for(i in values){
      opt+="<option value='"+values[i]+"' >"+values[i]+"</option>";
    }
   $("#kecamatan").html(opt);
  });
  });
 </script>


$（文档）.ready（函数（）{
$（“.kota_kabupaten”）.change（函数（）{
var kabSel=$（this）.val（）；//更改此行
值=kab[kabSel]；
opt=“”；
对于（i值）{
opt+=“”+值[i]+“”；
}
$（“#kecamatan”）.html（opt）；
});
});

PHP


$（文档）.ready（函数（）{
卡布=
});

为什么不能使用Ajax实现同样的功能？PHP/Jquery（Ajax）。如果需要，示例工作代码在这里

PHP/JQUERY-AJAX

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".kota_kabupaten").change(function(){  
        //alert('here');

        var parent_selected_value = $(this).val();
        alert("You have selected : "+parent_selected_value);


        $.ajax({
            type: "POST",
            url: "../ajax/ajax.php",
            data: "selected_value="+parent_selected_value+"&type=dependent_dropdown", //you can POST multiple parameters
            //data: ({name: value, email:value, phone: value}),
            success: function(data){
                alert(data);
                $("#kecamatan").html('');
                $("#kecamatan").html(data);
            }
        });        
    });
});
</script>
</head>
<body>

    <select class="form-control kota_kabupaten">
  <?php
     $kab = array(
         'tangerang'=>array('balajara','bitung'),
         'banten' => array('balong')
      );

echo "<option value=''>--Please Select--</option>" ;
     foreach ($kab as $kab => $kecamatan){
       echo "<option value=".$kab.">".$kab."</option>" ;
     }
?>
</select>

<select class="form-control kecamatan" name = "kecamatan" id="kecamatan">
   <option value=''>--Please Select--</option>
  </select>
</body>
</html>


$（文档）.ready（函数（e）{
$（“.kota_kabupaten”）.change（函数（）{
//警报（“此处”）；
var parent_selected_value=$（this.val（）；
警报（“您已选择：“+父项\u已选择\u值”）；
$.ajax({
类型：“POST”，
url:“../ajax/ajax.php”，
数据：“selected_value=“+parent_selected_value+”&type=dependent_dropdown”//您可以发布多个参数
//数据：（{name:value，email:value，phone:value}），
成功：功能（数据）{
警报（数据）；
$（“#kecamatan”）.html（“”）；
$（“#kecamatan”）.html（数据）；
}
});        
});
});
为什么不能使用Ajax实现同样的功能？PHP/Jquery（Ajax）。如果需要，示例工作代码在这里

PHP/JQUERY-AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".kota_kabupaten").change(function(){  
        //alert('here');

        var parent_selected_value = $(this).val();
        alert("You have selected : "+parent_selected_value);


        $.ajax({
            type: "POST",
            url: "../ajax/ajax.php",
            data: "selected_value="+parent_selected_value+"&type=dependent_dropdown", //you can POST multiple parameters
            //data: ({name: value, email:value, phone: value}),
            success: function(data){
                alert(data);
                $("#kecamatan").html('');
                $("#kecamatan").html(data);
            }
        });        
    });
});
</script>
</head>
<body>

    <select class="form-control kota_kabupaten">
  <?php
     $kab = array(
         'tangerang'=>array('balajara','bitung'),
         'banten' => array('balong')
      );

echo "<option value=''>--Please Select--</option>" ;
     foreach ($kab as $kab => $kecamatan){
       echo "<option value=".$kab.">".$kab."</option>" ;
     }
?>
</select>

<select class="form-control kecamatan" name = "kecamatan" id="kecamatan">
   <option value=''>--Please Select--</option>
  </select>
</body>
</html>


$（文档）.ready（函数（e）{
$（“.kota_kabupaten”）.change（函数（）{
//警报（“此处”）；
var parent_selected_value=$（this.val（）；
警报（“您已选择：“+父项\u已选择\u值”）；
$.ajax({
类型：“POST”，
url:“../ajax/ajax.php”，
数据：“selected_value=“+parent_selected_value+”&type=dependent_dropdown”//您可以发布多个参数
//数据：（{name:value，email:value，phone:value}），
成功：功能（数据）{
警报（数据）；
$（“#kecamatan”）.html（“”）；
$（“#kecamatan”）.html（数据）；
}
});        
});
});
为什么不能使用Ajax实现同样的功能？PHP/Jquery（Ajax）。如果需要，示例工作代码在这里

PHP/JQUERY-AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".kota_kabupaten").change(function(){  
        //alert('here');

        var parent_selected_value = $(this).val();
        alert("You have selected : "+parent_selected_value);


        $.ajax({
            type: "POST",
            url: "../ajax/ajax.php",
            data: "selected_value="+parent_selected_value+"&type=dependent_dropdown", //you can POST multiple parameters
            //data: ({name: value, email:value, phone: value}),
            success: function(data){
                alert(data);
                $("#kecamatan").html('');
                $("#kecamatan").html(data);
            }
        });        
    });
});
</script>
</head>
<body>

    <select class="form-control kota_kabupaten">
  <?php
     $kab = array(
         'tangerang'=>array('balajara','bitung'),
         'banten' => array('balong')
      );

echo "<option value=''>--Please Select--</option>" ;
     foreach ($kab as $kab => $kecamatan){
       echo "<option value=".$kab.">".$kab."</option>" ;
     }
?>
</select>

<select class="form-control kecamatan" name = "kecamatan" id="kecamatan">
   <option value=''>--Please Select--</option>
  </select>
</body>
</html>


$（文档）.ready（函数（e）{
$（“.kota_kabupaten”）.change（函数（）{
//警报（“此处”）；
var parent_selected_value=$（this.val（）；
警报（“您已选择：“+父项\u已选择\u值”）；
$.ajax({
类型：“POST”，
url:“../ajax/ajax.php”，
数据：“selected_value=“+parent_selected_value+”&type=dependent_dropdown”//您可以发布多个参数
//数据：（{name:value，email:value，phone:value}），
成功：功能（数据）{
警报（数据）；
$（“#kecamatan”）.html（“”）；
$（“#kecamatan”）.html（数据）；
}
});        
});
});
为什么不能使用Ajax实现同样的功能？PHP/Jquery（Ajax）。如果需要，示例工作代码在这里

PHP/JQUERY-AJAX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $(".kota_kabupaten").change(function(){  
        //alert('here');

        var parent_selected_value = $(this).val();
        alert("You have selected : "+parent_selected_value);


        $.ajax({
            type: "POST",
            url: "../ajax/ajax.php",
            data: "selected_value="+parent_selected_value+"&type=dependent_dropdown", //you can POST multiple parameters
            //data: ({name: value, email:value, phone: value}),
            success: function(data){
                alert(data);
                $("#kecamatan").html('');
                $("#kecamatan").html(data);
            }
        });        
    });
});
</script>
</head>
<body>

    <select class="form-control kota_kabupaten">
  <?php
     $kab = array(
         'tangerang'=>array('balajara','bitung'),
         'banten' => array('balong')
      );

echo "<option value=''>--Please Select--</option>" ;
     foreach ($kab as $kab => $kecamatan){
       echo "<option value=".$kab.">".$kab."</option>" ;
     }
?>
</select>

<select class="form-control kecamatan" name = "kecamatan" id="kecamatan">
   <option value=''>--Please Select--</option>
  </select>
</body>
</html>


$（文档）.ready（函数（e）{
$（“.kota_kabupaten”）.change（函数（）{
//警报（“此处”）；
var parent_selected_value=$（this.val（）；
警报（“您已选择：“+父项\u已选择\u值”）；
$.ajax({
类型：“POST”，
url:“../ajax/ajax.php”，
数据：“selected_value=“+parent_selected_value+”&type=dependent_dropdown”//您可以发布多个参数
//数据：（{name:value，email:value，phone:value}），
成功：功能（数据）{
警报（数据）；
$（“#kecamatan”）.html（“”）；
$（“#kecamatan”）.html（数据）；
}
});        
});
});
你能用元素解释它吗？你能用元素解释它吗？你能用元素解释它吗？你能用元素解释它吗？javascript很好用，但我正在寻找在first select和c中传递值的代码