javascript - 使用 Jquery 遍历表单中的元素

标签 javascript jquery loops attributes

我如何遍历表单中的每个元素。如果元素发生任何更新,我想存储名称。我的代码适用于输入类型。但是在选择字段的情况下我没有得到想要的输出。

<html>
<form method="post" action="" id="basic_profile" class="basic_profile">
    <fieldset class="lang_content" dir="ltr" id="fieldset-en">
        <legend>English</legend>
        <dl>
            <dd>
                <select id="cardtype" name="cardtype">
                    <option value="debit-0.00-50.00">Debit1</option>
                    <option selected='selected' value="debit-0.00-50.00">Debit2</option>
                    <option value="debit-0.00-50.00">Debit3</option>
                    <option value="Credit-1.00-50.00">CreditCard</option>
                </select>
            </dd> 
            <dt id="business_name_en-label"><label class="optional" for="business_name_en">Profile Name / Business Entity Name</label></dt>

            <dd id="business_name_en-element">
                <input type="text" value="New Tesr" id="business_name_en" name="business_name_en">
            </dd> <dt id="description_en-label"><label class="optional" for="description_en">Description</label></dt>

            <dd id="description_en-element">
                <textarea cols="50" rows="4" id="description_en" name="description_en">new test description</textarea>
            </dd> <dt id="contact_person_en-label"><label class="optional" for="contact_person_en">Contact Name</label></dt>

            <dd id="contact_person_en-element">
                <input type="text" value="New test" id="contact_person_en" name="contact_person_en">
            </dd> <dt id="street_en-label"><label class="optional" for="street_en">Street</label></dt>

            <dd id="street_en-element">
                <input type="text" value="" id="street_en" name="street_en">
            </dd> <dt id="area_en-label"><label class="optional" for="area_en">Area</label></dt>

            <dd id="area_en-element">
                <input type="text" value="" id="area_en" name="area_en">
            </dd>
        </dl>
    </fieldset>
    <input type="submit" value="Save" id="save" name="save">
</form>

</html>

我的 jquery 是:

<script type="text/javascript">
$("#save").click(function() {
    var info = '';
    $("#basic_profile dl dd ").each(function() {
        if (this.defaultValue !== this.value)
            if (info === '')
                info += this.name;
            else
                info += ',' + this.name;
    });

    alert(info);
    $('#form_info').val(info);
    return false;

 });
</script>

最佳答案

你可以试试:

$('#basic_profile').find(':input').each(function(){

});

这将选择所有输入、选择、文本区域等。

关于javascript - 使用 Jquery 遍历表单中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20139377/

相关文章:

javascript - 如何将上下文变量传输到 Django 中的 html 绑定(bind) JavaScript 代码中?

javascript - 选择最近的 div 中的所有复选框

c++ - 为什么 "cin >>"作为条件

javascript - 试图避免重复,简化...创建全局变量并简化我的 javascript -- 纯 js 没有 jquery

javascript - 从 Javascript 对象动态创建数组列表

javascript - jQuery:计算多个元素的子元素并计算

javascript - 进度条下的状态文本

c - 使用一维数组计算矩阵值

c# - 并行和异步方法

javascript - 自调用匿名函数格式之间的差异