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').val();
});

Answer 2

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

jquery函数下拉列表和按钮输入

2 个答案: