jquery function dropdown and button inputs

Question

我有這兩個單獨的窗體，我需要將輸入發送到下面的jquery函數。

<select name="dropdown1" size=1> 
<option value="1">1</option> 
<optionvalue="2">2</option></select> 
<button id='1' class='add1' value='57071e92ee31902f0a9ad392'>add1</button> 

<select name="dropdown2" size=1> 
<option value="1">1</option> 
<option value="2">2</option></select> 
<button id='2' class='add1' value='57071e8bee31902f0a9ad0ec'>add2</button> 

到目前爲止，我設法分配給每個按鈕的var cardid值。但是var狀態呢？我需要它來接收第一個下拉菜單的值，以防第一個按鈕被按下或第二個下拉菜單的值在第二個按鈕被按下的情況下。

$(function() { 
$('.add1').click(function() { 
var cardid = $(this).val(); 
var state = $('select[name="dropdown"]').val() // ?????? 

Answer 1

$('.add1').click(function() { 
 
    var cardid = $(this).val(); 
 
    var state = $(this).prev('select').find('option:selected').val(); // get the prev select and find the selected option 
 
    alert(state) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="dropdown" size=1> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
</select> 
 
<button id='1' class='add1' value='57071e92ee31902f0a9ad392'>add1</button> 
 

 
<select name="dropdown1" size=1> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
</select> 
 
<button id='2' class='add1' value='57071e8bee31902f0a9ad0ec'>add2</button>

Answer 2

你可以這樣說：

$('.add1').click(function() { 
var cardid = $(this).val(); 
var state = $(this).prev('select').val(); 
});