получение perticular ListBox выбранного значения с помощью JavaScript

Question

У меня есть HTML ListBox, как, который имеет такое же имя, но другой идентификатор

<select name="dept" id="vrow" > 
         <option selected="selected" > - Select Department- </option> 
         <option value="GEN">computer </option> 
         <option value="SC">mac </option> 
         <option value="ST">civ </option> 
         <option value="OBC">ele </option> 
         </select> 

я был atteched его к каждой строке извлеченной из базы данных, как я могу получить идентификатор, если я изменить значение столбчатого списка.

Answer 1

Вы можете добавить прослушиватель событий на change событие для родительского узла всех <select> элементов может ul, если они находятся в списке или даже body.

<script type="text/javascript"> 
    document.getElementByTagName('UL').addEventListener('change', function(e) { 
    if (e.target.name==='dept') { 
     //In this case you have got element that you need and its id 
     //e.target.id 
     alert(e.target.id); 
    } 
    }); 
</script> 

Answer 2

Если вам нужен идентификатор, то используйте:

document.getElementById('vrow').addEventListener('change', function(e) { 
    if (e.target.name==='dept') { 
    alert(e.target.id); 
    } 
}) 

Working Demo

Если вам нужно значение, то используйте:

document.getElementById('vrow').addEventListener('change', function(e){ 
    if (e.target.name==='dept') { 
     alert(e.target.value); 
    } 
}) 

Working Demo

Answer 3

Yo U Написать Javascript функции или функции Jquery

как это

<select onchange="dept(this.value)" name="dept" id="vrow" > 
<option selected="selected" > - Select Department- </option> 
<option value="GEN">computer </option> 
<option value="SC">mac </option> 
<option value="ST">civ </option> 
<option value="OBC">ele </option> 
</select> 

<script type="text/javascript"> 
function dept(id){ 
$.ajax({ 
url: 'ajax.php', 
data: { id: id} , 
success: function (response) { 
try{ 
alert(response); 
} 
catch(e){ 
alert("Error"+e); 
} 
}, 
error: function (e) { 
alert("error"+e); or alert("error"+JSON.stringify(e)); 
} 
}); 
} 
</script> 

ajax.php