how to use prev to get the value of an input field

Question

I have an hidden input field with a value,

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

I need to get the value of input field once a button is clicked but I only get the text object why is that?

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


});

thanks

Answer 1

If I understand correctly you just need to get the value of whatever was selected? If so, I don't believe the each() function is necessary. You can simply get the value of the select like so:

$(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>

Example: http://jsbin.com/ipado

Answer 2

There are some typos in your code. Check if this will help. I fixed array initialization and prev call.

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

Answer 3

In your example code, this isn't the select-element, but an option-element. So the hidden input and this aren't siblings, and prev does not match the element you want.

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

Jump one level up in the DOM, and you'll find the hidden input.