如何获得所选择的价值组合框，并使用它的第二个组合框查询

Question

这里是我的代码。

我有几个组合框。我需要从ComboBox中选择Value并在不同的查询中使用值。我从Oracle选择的所有数据。

这是我的第一个组合框，我需要使用这个组合框的选项的值在第二个组合框的查询。我的意思是第二个ComboBox取决于第一个选择。

我怎样才能获得“价值”？我试图使用onchange="this.form.submit()"，但它刷新页面并丢失我的选择。也许是有可能用Ajax做...

<tr> 
 
\t <div class="form-group" style="background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:2px;"> 
 
\t <label>Something:</label><span style="color:#FF0000;">*</span></label> 
 
\t 
 
\t \t <select class="form-control" input-sm name="example" required> \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t <OPTION VALUE="">Choose any</OPTION> 
 
\t \t \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t <OPTION VALUE="first">first_name</OPTION> 
 
\t \t \t <OPTION VALUE="second">second_name</OPTION> 
 
\t \t \t \t \t \t \t \t \t \t 
 
\t \t \t </select> 
 
\t </div> 
 
</tr>

Answer 1

我创造了新的PHP文件并将其命名为 “js_post.php”。当我们从第一个ComboBox中选择任何选项时，javascript将值发送到“js_post.php”，并且代码正在检查值并取决于值选择选项。

<?php 
 
if(isset($_POST["action"]) && $_POST["action"]="get_data" && isset($_POST["muracietnov_id1"]) && $_POST["muracietnov_id1"] !="") 
 
{ 
 

 
\t if($_POST["muracietnov_id1"]==1) 
 
\t { 
 
\t \t 
 
//```````````````````````HERE SHould be your connection to DB```````````````` 
 
$select_query= sqlsrv_query($connection,$query); 
 
\t \t \t \t \t \t \t \t \t \t \t 
 
while($result=sqlsrv_fetch_array($select_query) 
 
{ 
 
\t \t \t \t \t \t \t \t \t \t \t 
 
echo '<OPTION VALUE="'.$result['DATAID'].'">'.$result['NAME'].'</OPTION>'; 
 
\t \t \t \t \t \t \t \t \t \t 
 
} 
 

 
\t } 
 
?>

这里是Javascript和HTML，我用。

$("#muracietnov_id").change(function(){ 
 
\t var url = 'js_post.php'; 
 
\t var muracietnov_id=$("#muracietnov_id").val(); 
 
\t var posting = $.post(url, { 'action': 'get_data','muracietnov_id1': muracietnov_id}); 
 
\t \t \t \t \t posting.done(function(data) { 
 
\t \t \t \t \t \t //alert(data); 
 
\t \t \t \t \t $("#muracietnov_id2").html(data); \t 
 
\t \t \t \t \t 
 
\t \t }); 
 
});

<tr> 
 
\t <div class="form-group" style="background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:2px;"> 
 
\t \t <label>Müraciət Növü:</label><span style="color:#FF0000;">*</span></label> 
 
\t \t \t 
 
\t \t \t <select class="form-control" input-sm name="muracietnov" id="muracietnov_id" required>'; \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t 
 
\t \t \t \t \t <OPTION VALUE="">Seçiminizi edin</OPTION>'; 
 
\t \t \t \t \t 
 
\t \t \t \t \t <OPTION VALUE="1">Su təchizatı</OPTION>'; 
 
\t \t \t \t \t <OPTION VALUE="2">Kanalizasiya</OPTION>'; 
 
\t \t \t \t \t </select>'; 
 
\t \t \t \t \t </div> 
 
</tr> 
 
\t \t \t 
 
\t \t \t 
 
<tr> 
 
\t <div class="form-group" style="background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:2px;"> 
 
\t \t <label>Müraciət Səbəbi:</label><span style="color:#FF0000;">*</span></label> 
 
\t \t \t <select class="form-control" input-sm id="muracietnov_id2" required> 
 
\t \t \t </select> 
 
\t 
 
\t </div> 
 
</tr>