Сохранение выбранного значения и текста зависимого выпадающего меню

Question

Я использую надежное раскрывающееся меню для заполнения меню.

Первое меню - страна, а второе меню - город. При выборе страны она автоматически заполняет город.

Я использую this учебник как справочник.

Я хочу сохранить значение и текст выбранного города, так как мне это нужно для отображения таблицы на основе этого.

Мое первое меню

Country : 
<select name="country" class="country"> 
<option selected="selected">--Select Country--</option> 
<?php 
include('db.php'); 
$sql=mysql_query("select id,data from data where weight='1'"); 
while($row=mysql_fetch_array($sql)) 
{ 
$id=$row['id']; 
$data=$row['data']; 
echo '<option value="'.$id.'">'.$data.'</option>'; 
} ?> 
</select> <br/><br/> 

Это мое второе меню. Я хочу сохранить значение автоматически заполненного элемента. Для этого я использовал на-изменений событие в моем раскрывающемся меню города, как функции

<select name="city" class="city" onchange="getselectval(this)"> 
<option selected="selected">--Select City--</option> 
</select> 

Моего getselectval() является

<script type="text/javascript"> 
functionn getselectval(ctrl){ 
     selectval=ctrl.options[ctrl.selectedIndex].value; 
     selecttext=ctrl.options[ctrl.selectedIndex].text; 
     alert(selectval); 
     alert(selecttext); 

} 
<script> 

После попытки этого сценария он предупреждает значение только выбранный элемент в меню города. Я не могу предупредить первый элемент, который автоматически заполняется. Как я могу это достичь?

Любые помощь приветствуются.

Answer 1

Вы можете использовать JQuery здесь используя ниже код -

удалить на функции изменения от select коробки

<select name="city" class="city"> 
    <option selected="selected">--Select City--</option> 
</select> 

событий изменения привязки для выбора окна с помощью JQuery и получить выбранный вариант текста и значение

$(function(){ 
    $('select[name=city]').on("change",function(){ 
    var value = $(this).val(); 
    var text = $(this).find('option:selected').text(); 
    alert(value); 
    alert(text); 
    }); 
}); 

Answer 2

Проверьте это Code

только HTML прибудет JS от JSfiddle

<form id="dropdowns" action="index.html"> 
<label>Country:</label> 
<select id="country" name="country"> 
    <option value="000">-Select Country-</option> 
</select> 
<br /> 
<label>State:</label> 
<select id="state" name="network"> 
    <option value="000">-Select State-</option> 
</select> 
<br /> 
<label>City:</label> 
<select id="model" name="model"> 
    <option value="000">-Select City-</option> 
</select> 
<br />