Javascript 如何从某个html id检索输入

我有这个html

 <div class="table-responsive table-responsive-data2">
<table class="table table-data2" id="resulttable" style="display: block;">
    <thead>
        <tr>

            <th>NSN</th>
            <th>Name</th>
            <th>QTY</th>
            <th>Price ($)</th>
            <th>Manufacturer</th>
            <th>Part Number</th>
            <th>Shipping</th>
        </tr>
    </thead>
    <tbody id="producttable">



        <!--  -->


        <form id="myform0"></form>

        <tr class="tr-shadow">

            <td style="width: 90px;">
                <div>123
                </div>
                <div>
                    <br>
                    <button type="button" class="btn btn-secondary mb-1 btn-sm" data-toggle="modal" data-target="#productModal" onclick="showproductmodal(123)">
                        Add Photos
                    </button>
                </div>

            </td>
            <td>

                <span class="status--process">
                    <input class="au-input au-input--sm" id="Nomenclature" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">

                <input class="au-input au-input--sm " id="Qty" type="text" name="search" placeholder="i.e. 20 EA" style="width: 100px;">


            </td>
            <td class="desc">

                <input class="au-input au-input--sm" id="Price" type="text" name="search" placeholder="i.e 900" style="width: 90px;">

            </td>

            <td>
                <span class="status--process">
                    <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">
                <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
            </td>

            <td class="status--process">

                <input class="au-input au-input--sm" type="text" name="search" placeholder="shipping cost" style="width: 120px; height: 30px;"><br>

                <select name="selectSm" id="SelectLm" class="form-control-sm form-control" style="width: 120px;">


                    <option value="0">Please select</option>
                    <option value="1">Option #1</option>
                    <option value="2">Option #2</option>
                    <option value="3">Option #3</option>
                    <option value="4">Option #4</option>
                    <option value="5">Option #5</option>
                </select>
            </td>
            <td>

                <button type="button" class="btn btn-primary btn-md" onclick="postitem(0)">Submit</button>

            </td>
        </tr>


        <tr class="spacer"></tr>


        <form id="myform1"></form>

        <tr class="tr-shadow">

            <td style="width: 90px;">
                <div>343
                </div>
                <div>
                    <br>
                    <button type="button" class="btn btn-secondary mb-1 btn-sm" data-toggle="modal" data-target="#productModal" onclick="showproductmodal(343)">
                        Add Photos
                    </button>
                </div>

            </td>
            <td>

                <span class="status--process">
                    <input class="au-input au-input--sm" id="Nomenclature" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">

                <input class="au-input au-input--sm " id="Qty" type="text" name="search" placeholder="i.e. 20 EA" style="width: 100px;">


            </td>
            <td class="desc">

                <input class="au-input au-input--sm" id="Price" type="text" name="search" placeholder="i.e 900" style="width: 90px;">

            </td>

            <td>
                <span class="status--process">
                    <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">
                <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
            </td>

            <td class="status--process">

                <input class="au-input au-input--sm" type="text" name="search" placeholder="shipping cost" style="width: 120px; height: 30px;"><br>

                <select name="selectSm" id="SelectLm" class="form-control-sm form-control" style="width: 120px;">


                    <option value="0">Please select</option>
                    <option value="1">Option #1</option>
                    <option value="2">Option #2</option>
                    <option value="3">Option #3</option>
                    <option value="4">Option #4</option>
                    <option value="5">Option #5</option>
                </select>
            </td>
            <td>

                <button type="button" class="btn btn-primary btn-md" onclick="postitem(1)">Submit</button>

            </td>
        </tr>


        <tr class="spacer"></tr>


        <form id="myform2"></form>

        <tr class="tr-shadow">

            <td style="width: 90px;">
                <div>212
                </div>
                <div>
                    <br>
                    <button type="button" class="btn btn-secondary mb-1 btn-sm" data-toggle="modal" data-target="#productModal" onclick="showproductmodal(212)">
                        Add Photos
                    </button>
                </div>

            </td>
            <td>

                <span class="status--process">
                    <input class="au-input au-input--sm" id="Nomenclature" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">

                <input class="au-input au-input--sm " id="Qty" type="text" name="search" placeholder="i.e. 20 EA" style="width: 100px;">


            </td>
            <td class="desc">

                <input class="au-input au-input--sm" id="Price" type="text" name="search" placeholder="i.e 900" style="width: 90px;">

            </td>

            <td>
                <span class="status--process">
                    <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
                </span>

            </td>
            <td class="desc">
                <input class="au-input au-input--sm" type="text" name="search" placeholder="Search for datas &amp; reports..." style="width: 90px;">
            </td>

            <td class="status--process">

                <input class="au-input au-input--sm" type="text" name="search" placeholder="shipping cost" style="width: 120px; height: 30px;"><br>

                <select name="selectSm" id="SelectLm" class="form-control-sm form-control" style="width: 120px;">


                    <option value="0">Please select</option>
                    <option value="1">Option #1</option>
                    <option value="2">Option #2</option>
                    <option value="3">Option #3</option>
                    <option value="4">Option #4</option>
                    <option value="5">Option #5</option>
                </select>
            </td>
            <td>

                <button type="button" class="btn btn-primary btn-md" onclick="postitem(2)">Submit</button>

            </td>
        </tr>


        <tr class="spacer"></tr>

    </tbody>

</table>

选择器$（'input'）捕获html中的所有输入值，我真正想要的是它只捕获给定id内的输入

 $('#myform1 input').each(function(index){

     console.log($(this).val()); 
 });

及

---

没有一个结果。如何实现在div id中检索输入？

您可以非常直接地访问输入，而无需使用父级

$（“#idInput”）

或通过父级访问它，您可以使用

$（“#myform1#idInput”）

。但要确保在生成元素时定义了元素的ID

还有另一种方法，您可以将其用作数组

$（“#myform1 input'）[index]

。注意，索引应该是您输入的所需外观数。

尝试以下操作：

$("input").parent( "#myform1" ); $（“输入”）.parent（#myform1”）；

---

正如我在评论中所说，您的javascript代码是正确的。但有两个问题导致您没有任何结果：

#myform1

为空

在另一种形式中，您有一些

输入

控件，但它们没有任何值

下面，我在表单#myform1中添加了一个具有一定值的输入，并测试了您的代码：

$（“#myform1输入”）。每个（函数（索引）{
log（$（this.val（））；
});

您可以显示html吗？可能您应该使用
$（“#myform1”）。查询选择器（'input'）
#myform1 input
——它将选择id为
myform1
的元素内的所有输入字段。您的代码
$（“#myform1 input'）
是真的。测试一些东西，比如你的id（'myform1'）。你真的写了大写和小写吗？你的输入元素有价值吗？这个问题不值得投反对票，jone2显然做了一些尝试并概述了问题（尽管大量代码不是最容易阅读的）
$(formid).('input')

$("input").parent( "#myform1" );