Jquery 如果单击特定表单的“提交”按钮，则获取表单中的“选择框”选项值

我在一页上有几个表单，没有表单名称

每个表单都有一个选择框和一个提交按钮。无论何时单击按钮，我都需要获取单击按钮的特定表单的选择框的值

范例

<form>
<select class="boxes" name="select3">
   <option value="5">5</option>
</select>
<input type="submit" align="right" class="btn" value="Add to basket" name="submit">
</form>

所有表单看起来都一样，只是在选择框中有两个以上的字段和不同的值。

您可以使用

$('.btn').click(function() {
    if($(this).val() == 'Add to basket') {
        var form = $(this).closest('form');
        var value = $('select[value="select3"]', form).val();
        alert(value);
        return false;
    }
});

$(this).parent().find(".boxes")

用于访问particlular表单的选择框

你可以用

$(this).parent().find(".boxes")

用于访问particlular表单的选择框

使用

或

而不是

var value = $('select[value="select3"] option:selected').val();

如果你想让它更独特，给它一个ID…

使用

或

而不是

var value = $('select[value="select3"] option:selected').val();

如果你想让它更独特，给它一个ID

var value = $('select[name="select3"] option:selected').val();

var value = $('select[value="select3"] option:selected').val();