javascript - 如何使用 javascript 或 jquery 获取这些输入的值

Question

我想知道是否可以通过最接近的元素找到输入？ 真实代码:

<form method="post" action="">
    <div class="rocket-form">
        <fieldset>
            <legend>Person Contacts</legend>
        </fieldset>

        <div class="rocket-label-element no-height">
            <dt id="id-label">&nbsp;</dt>
            <dd id="id-element">
                <input type="hidden" name="id" value="" readonly="readonly" id="id">
            </dd>
        </div>
        <div class="rocket-label-element no-height"><dt id="vendor_id-label">&nbsp;</dt>
            <dd id="vendor_id-element">
                <input type="hidden" name="vendor_id" value="" readonly="readonly" id="vendor_id">
            </dd>
        </div>
        <div class="rocket-label-element">
            <div id="firstname-label">
                <label for="firstname" class="rocket-label optional">First name</label>
            </div>
            <div class="rocket-element">
                <input type="text" name="firstname" id="firstname" value="any first name" maxlength="64" readonly="readonly">
            </div>
        </div>
        <div class="rocket-label-element">
            <div id="lastname-label">
                <label for="lastname" class="rocket-label optional">Last name</label>
            </div>
            <div class="rocket-element">
                <input type="text" name="lastname" id="lastname" value="any last name" maxlength="64" readonly="readonly">
            </div>
        </div>
        <div class="rocket-label-element">
            <div id="phone-label">
                <label for="phone" class="rocket-label optional">Phone</label>
            </div>
            <div class="rocket-element">
                <input type="text" name="phone" id="phone" value="0123456789" maxlength="32" readonly="readonly">
            </div>
        </div>
        <div class="rocket-label-element">
            <div id="email-label">
                <label for="email" class="rocket-label optional">Email</label>
            </div>
            <div class="rocket-element">
                <input type="text" name="email" id="email" value="name@someMail.com" maxlength="128" readonly="readonly">
            </div>
        </div>
    </div>
</form>

我有这个表单，我想获取变量中输入的值。 我尝试使用“vendor_id”来使用closest()或next()或prev()但没有运气.. 那么，有什么帮助吗？

Answer 1

您可以使用

var vendorId = $("#vendor_id").val();

获取vendor_id的值。

请务必包含将其标识为 ID 的 #。

如果你想获取所有输入的值，可以使用:

$("input, select, textarea").each(function(){
    // Get value of inputs
});

如果您有多个表格，您可以使用:

var formData = $(".rocket-form").closest("form").serialize();

请记住，您需要将 jQuery 包含在脚本标记中，并且应该像这样包装代码:

$(function() {
    console.log( "ready!" );
});

这可确保页面在 JavaScript 执行之前准备就绪。