jquery - 如何获取div中所有下拉列表的所有选定值的数组

Question

这是我试图用 jQuery 解析的内容:

<tr>
    <td>5</td>
    <td>abc@abc.com</td>
    <td>asdfasdf asdfasdf</td>
    <td>
        <div class="roleoption">
            <img src="/Public/images/delete.png" alt="delete" />
            <select id="role" name="role">
                <option value="1">Anonimo</option>
                <option value="2">Registrado</option>
                <option value="3">Tecnico</option>
                <option value="4">Empresario</option>
                <option selected="selected" value="5">Editor</option>
                <option value="6">Financias</option>
                <option value="7">Administrador</option>
            </select>
        </div>
        <img class="add-role" src="/Public/images/add.png" alt="add" />
    </td>
</tr>

和javascript代码:

             select  td       tr       get the first td's value?
var userId = $(this).parent().parent().select

那只是为了获取用户标识，我似乎无法弄清楚如何选择元素。

然后我需要获取 td 中每个 select 的每个 .val()。像这样的东西:

$(this).parent().find('select').each().val();??

我如何包装这段代码并返回如下内容:

//Save array of values: { user: 4, roles { rol: 1, rol: 3, rol: 6 } }

我打算在 ajax 请求中使用这个值数组。

Answer 1

你可以这样做:

var selectValues = new Array();
$('div.roleoption').find('select').each(function() {
    selectValues.push($(this).val());
}

在 jQuery 中可能有更好的方法来做同样的事情，但那应该可行。