Question

<tr>
    <td>Product 1</td>
    <td class="data">
        <ul>
            <li><input type="checkbox" name="items[]" value="item1">Item 1</li>
            <li>
                <select name="categories[]">
                    <option value="cat1">Category 1</option>
                    <option value="cat2">Category 2</option>
                    <option value="cat3">Category 3</option>
                </select>
            </li>
        </ul>

        <ul>
            <li><input type="checkbox" name="items[]" value="item2">Item 2</li>
            <li>
                <select name="categories[]">
                    <option value="cat1">Category 1</option>
                    <option value="cat2">Category 2</option>
                    <option value="cat3">Category 3</option>
                </select>
            </li>
        </ul>
    </td>

    <td>
        <input type="submit" value="Save" class="save">
    </td>
</tr>

<tr>
    <td>Product 2</td>
    <td class="data">
        <ul>
            <li><input type="checkbox" name="items[]" value="item1">Item 1</li>
            <li>
                <select name="categories[]">
                    <option value="cat1">Category 1</option>
                    <option value="cat2">Category 2</option>
                    <option value="cat3">Category 3</option>
                </select>
            </li>
        </ul>

        <ul>
            <li><input type="checkbox" name="items[]" value="item2">Item 2</li>
            <li>
                <select name="categories[]">
                    <option value="cat1">Category 1</option>
                    <option value="cat2">Category 2</option>
                    <option value="cat3">Category 3</option>
                </select>
            </li>
        </ul>
    </td>

    <td>
        <input type="submit" value="Save" class="save">
    </td>
</tr>

该表是从jquery动态生成的。到目前为止我所做的就是当我点击其中一个保存按钮时，我从相关的内容中获取了显示时间的值。但是如果选中相应的复选框，我也想获取类别的值。

这是我到目前为止的代码：

<script>
    $(document).on('click', '.save', function (e) {
        e.preventDefault();

        var show_times = new Array();
        $(this).closest('tr').find('input[type=checkbox]:checked').each (function () {
            show_times.push(this.value);
        });
    });
</script>

Answer 1

select元素位于输入元素parent lki的下一个兄弟中。你可以遍历到最近的ul，然后在其中找到select元素：

$(document).on('click', '.save', function (e) {
    e.preventDefault();

    var show_times = new Array();
    var show_times_select = new Array();
    $(this).closest('tr').find('input[type=checkbox]:checked').each(function () {
        show_times.push(this.value);
        show_times_select.push($(this).closest('ul').find('select').val());
    });
    console.log(show_times );
    console.log(show_times_select );
});

Answer 2

Select t2.BranchName from Table1 t1 left join Table2 t2 on t1.BranchId = t2.BranchId;是兄弟姐妹。使用这种方式：

select

Answer 3

使用Jquery

$(document).ready(function(){

    var arr = [];
    var counter = 0;
    $("input[type='checkbox']").each(function(){

        if($(this).is(":checked")){

           arr[counter] =  $(" select",$(this).closest("ul")).val();
        counter++;
        }
    });

console.log(arr);
});

Deome

如果选中相应的复选框，如何获取选择值？

3 个答案: