Question

私はこれらの2つのフォームを持っています。私は入力を以下の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州はどうですか？最初のボタンが押された場合の最初のドロップダウンメニューの値、または2番目のボタンが押された場合の2番目のドロップダウンメニューの値を受け取る必要があります。

$(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(); 
});