如果单击某个特定表单的提交按钮，则在表单中获取选择框选项值

Question

我在没有表单名称的一个页面上有几个表单。

每个表单都有一个选择框和一个提交按钮。当按钮被点击我需要选择框的值的特定形式，其中按钮被点击

形式例如

<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 value = $('select[value="select3"] option:selected').val(); 
          alert(value); 
          return false; 
         } 
        }); 

在选择框中，所有窗体看起来都是相同的，只是有更多的字段和不同的值。

Answer 1

使用

var value = $('select.boxes option:selected').val(); 

或

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

代替

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

如果您想让它更独特，请给它一个ID ..

Answer 2

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

Answer 3

您可以使用

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

用于访问particlular形式的选择框。

http://api.jquery.com/parent/

http://api.jquery.com/find/

$(".btn").click(function() { 
    if ($(this).val() == 'Add to basket') { 
     var value = $(this).parent().find('.boxes').val(); 
     alert(value); 
     return false; 
    } 
});