2013-05-26 4 views
1

У меня есть несколько выпадающих меню, которые являются одинаковыми, мне нужно, чтобы они были одинаковыми.Получить значение из нескольких выпадающих списков

<select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')"> 
    <option value="1">06557-07-681</option> 
    <option value="2">07216-05-552</option> 
</select> 

Это моя функция JQuery, чтобы получить значение из этого списка выбора

function dodajpostojeceg(x) 
{ 
    var ID = $('select[name="Obrojgoluba"]').val(); 
    alert(ID); 

} 

Но проблема в том, что он получает значение из первого списка выбора, а не от других у меня есть на моем сайте. Когда я нажимаю на первый, он получает хорошие значения. но когда я нажимаю на другом списке выбора на моем сайте, что такие же, как первый она возвращает или пустой или значение его запомнил из первого списка выбора

ответ

2

вы используете этот

var ID = $('select[name="Obrojgoluba"]').val(); 

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

Таким образом, вы можете просто изменить функцию и разметку, чтобы сделать этот код работоспособным.

function dodajpostojeceg(element) 
{ 
    var ID = $(element).val(); 
    alert(ID); 
} 

и вызвать эту функцию, как этот

<select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg(this)"> 

JS Fiddle Demo

+0

, которое сработало. спасибо – FosAvance

1

Странная вещь, которая будет делать, но попробуйте это:

function dodajpostojeceg(x) 
{ 
    var ID = $(this).val(); 
    alert(ID); 
} 

в комментариях CBRoe, несколько одинаковых идентификаторов недействительны, и это может помешать ваш прогресс ...

+0

ID не имеет значения здесь, потому что я использую его только для того, чтобы обмануть что-то. Я не использую его, чтобы определить что-то важное – FosAvance

1

Убедитесь, что jquery Lib включена и функция определяется перед html

<head> 
    function dodajpostojeceg(x) 
    { 
     var ID = $('select[name="Obrojgoluba"]').val(); 
     alert(ID); 
    } 
</head> 

<body> 
    <select name="Obrojgoluba" id="otacmajka" class="selectbox_dodajpostojeceg" onchange="dodajpostojeceg('otac')"> 
     <option value="1">06557-07-681</option> 
     <option value="2">07216-05-552</option> 
    </select> 
</body> 

Fiddle : http://jsfiddle.net/kR8yH/

Когда html оказывается, он будет искать функцию с именем dodajpostojeceg(), и если он не определен, то он не сможет связать select и функцию

Я предполагаю, что все select s однозначно name d

+0

не работает, потому что на моих сайтах есть несколько вариантов, которые точно такие же. Но я нашел ответ. благодаря – FosAvance

Смежные вопросы