Как получить выбранное значение в 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>