Question

我有一个页面和多个select元素。有些是可见的，有些则不是。我想获得可见select及其各自的ID的计数。

我使用$("select:visible").length获取了计数，但我无法获得可见的下拉式ID。

Answer 1

1）可见下拉列表的计数：

var len = $("select:visible").length;

2）获取所有可见下拉列表的ID：

$("select:visible").each(function(i,v){ // loop through all visible selectbox
   console.log($(this).attr("id")); // you can get id using $(this).attr("id)
   // OR
   console.log(this.id);
})

Answer 2

我想验证该页面，将所有可见下拉列表及其值的ID传递给ajax函数

在这种情况下，最好从id和可见选择的值构建一个数组。在map()请求中发送数据之前，您可以使用$.ajax执行此操作，如下所示：

var selectData = $("select:visible").map(function() {
    return { 
        'id': this.id, 
        'value': this.value
    }
}).get();

$.ajax({
    url: '/myendpoint',
    data: selectData,
    success: function() {
        console.log('It worked!');
    }
});

获取所有下拉列表

2 个答案: