如何使用jquery获取下拉列表的值？

Question

我有一个下拉菜单和表格中的链接。我想要的是获取连续检索的下拉菜单的值。

    <td><?php echo form_dropdown('status',array('Fine' => 'Fine', 'Disposable' => 'Disposable'),'','class="status" id="status"'); ?></td>
    <td align="center">             
    <a href="#" class="btn btn-success btn-small"><i class="icon-edit icon-large"></i></a>
    <div id="return"  style="float: left;"> 
    <!--when this one is clicked I can get the value of the dropdown-->
    <a href="#" class="btn btn-primary btn-small return"><i class="icon-backward icon-large"></i></a>
    </div>

如何获取下拉列表的值当点击return类的链接时？我尝试了.closest()函数，但它返回了undefined。谢谢！

Answer 1

你有没有尝试过？

$(document).on('click', 'a.return', function() {
   alert($(this).closest('tr').find('#status').val());
});

注意：使用具有相同id的元素是一种不好的做法，可能会给您带来问题。请考虑从元素中删除#status id，并在选择元素时使用类。

请改为尝试：

$(document).on('click', 'a.return', function() {
   alert($(this).closest('tr').find('select.status').val());
});

Answer 2

使用：

$(".return").click(function({
   selectedValue = $('select[name="status"]').val(); //using name tag
   selectedValue = $('.status').val(); // using Class 
   selectedValue = $('#status').val(); // using Id
   console.log(selectedValue);
}));