как использовать пред получить значение поля ввода

Question

У меня есть скрытое поле ввода со значением,

<form> 
     <input type="hidden" value="product"/> 
     <select class="select" name="select3" id="select3"> 
      <option>0</option> 
      <option>1</option> 
      <option>2</option> 
     </select> 
    </form> 

Мне нужно получить значение поля ввода когда кнопка нажата, но я только получаю текстовый объект, почему это так?

 var items[]; 
     $('#my-add-button-sides').click(function() { 
    $('.select option:selected').each(function() { 
     var $this = $(this); 
     items.push($this.prev($('input[type=hidden]').val()   
      )); 


}); 

благодаря

Answer 1

Есть некоторые опечатки в вашем коде. Проверьте, поможет ли это. Исправлена ​​инициализация массива и вызов prev.

var items = []; 
$('#my-add-button-sides').click(function() { 
    $('.select option:selected').each(function() { 
     items.push($(this).parent().prev('input:hidden').val()) 
    )); 
}); 

Answer 2

Если я понимаю правильно, вы просто нужно получить значение то, что было выбрано? Если это так, я не считаю, что каждая() функция необходима. Вы можете просто получить значение избранных таким образом:

$(document).ready(function(){ 

    $('#select3').change(function() { 
     var selValue = $(this).val(); 
     alert(selValue); 
    }); 


}); 


<form name="someForm"> 

    <input type="hidden" value="product"/> 

    <select class="select" name="select3" id="select3"> 

     <option value="0">0</option> 

     <option value="1">1</option> 

     <option value="2">2</option> 

    </select> 

</form> 

Пример: http://jsbin.com/ipado

Answer 3

В вашем примере кода this не выберите-элемент, но вариант-элемент. Таким образом, скрытый ввод и this не являются братьями и сестрами, а prev не соответствует требуемому элементу.

$(this).parent().prev('input:hidden').val() 

Перейти на один уровень вверх в DOM, и вы найдете скрытый ввод.