如何在ComboBox中获取所选值并将其用于第二个ComboBox查询

时间:2016-12-29 08:46:42

标签: javascript php ajax combobox

这是我的代码。

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

这是我的第一个ComboBox,我需要在查询第二个ComboBox时使用此ComboBox选项的VALUE。我的意思是第二个ComboBox依赖于第一个选择。

我如何获得“价值”?我尝试使用onchange="this.form.submit()",但它会刷新页面并丢失我的选择。也许可以用Ajax做到这一点......

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

1 个答案:

答案 0 :(得分:0)

我创建了新的php文件,并将其命名为&#34; js_post.php&#34;。当我们从第一个ComboBox中选择任何选项时,javascript将Value发送给&#34; js_post.php&#34;并且代码是cheking Value并且取决于Value selection选项。

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

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

	}
?>
&#13;
&#13;
&#13;

这是我使用的Javascript和HTML。

&#13;
&#13;
$("#muracietnov_id").change(function(){
	var url = 'js_post.php';
	var muracietnov_id=$("#muracietnov_id").val();
	var posting = $.post( url, { 'action': 'get_data','muracietnov_id1': muracietnov_id} );
					posting.done(function( data ) {
						//alert(data);
					$("#muracietnov_id2").html(data);	
					
		}); 
});
&#13;
<tr>
	<div class="form-group" style="background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:2px;">
		<label>Müraciət Növü:</label><span style="color:#FF0000;">*</span></label>
			
			<select class="form-control" input-sm name="muracietnov" id="muracietnov_id" required>';										
			
					<OPTION VALUE="">Seçiminizi edin</OPTION>';
					
					<OPTION VALUE="1">Su təchizatı</OPTION>';
					<OPTION VALUE="2">Kanalizasiya</OPTION>';
					</select>';
					</div>
</tr>
			
			
<tr>
	<div class="form-group" style="background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;padding:2px;">
		<label>Müraciət Səbəbi:</label><span style="color:#FF0000;">*</span></label>
			<select class="form-control" input-sm id="muracietnov_id2" required>
			</select>
	
	</div>
</tr>
&#13;
&#13;
&#13;