javascript - 如何使用 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);
}));