Как получить выбранное значение в ComboBox и использовать его для второго запроса ComboBox

Вот мой код.

У меня есть несколько комбо-боксов. Мне нужно получить значение из выбранного в ComboBox и использовать значение в другом запросе. Все данные я выбираю из Oracle.

Это мой первый ComboBox, и мне нужно использовать значение опции этого ComboBox в запросе второго ComboBox. Я имею в виду, что второй 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 ответ

  1. Я создал новый php файл и назвал его » js_post.РНР.» Когда мы выбираем любую опцию из первого ComboBox, javascript отправляет значение в » js_post.php » и там код проверяет значение и зависит от значения выбора опции.

    <?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>';
										
}

	}
?>

    Вот Javascript и HTML, которые я использовал.

    $("#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);	
					
		}); 
});
    <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>