javascript - 使用 jquery 迭代值的问题

标签 javascript jquery

我遇到了使用 jquery 从编辑文本中检索多个值的问题。我有两个动态输入文本框,在检索时,我可以获得一列文本。如何获取两个输入文本框的值

<script type="text/javascript">
$(function () {
    $("#btnAdd").bind("click", function () {
        var div = $("<div />");
        div.html(GetDynamicTextBox(""));
        $("#TextBoxContainer").append(div);
    });
    $("#btnGet").bind("click", function () {
        var values = "";
        var values1 = "";
        $("input[name=name]").each(function () {
            values += $(this).val() + "\n";
        });
        alert(values);
    });
    $("body").on("click", ".remove", function () {
        $(this).closest("div").remove();
    });
});
function GetDynamicTextBox(value) {
    return '<input name = "name" type="text" value = "' + value + '" />&nbsp;<input name = "designation" type="text" value = "' + value + '" />&nbsp;' +
            '<input type="button" value="Remove" class="remove" />'
}
</script>
**Output:**

name:Ram name:Tom

**Expected Output:**
name:Ram , deisgnation:SE
name:Tom, Designation:PM

最佳答案

您只会获得 name 输入的值,而不是 designation 输入的值。

$("input[name=name]").each(function() {
    values += "Name:" + $(this).val();
    values += ", designation:" + $(this).next().val() + "\n";
});

关于javascript - 使用 jquery 迭代值的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39177801/

相关文章:

Javascript setter / getter

javascript - 如何改变css3动画状态

javascript - 仅当选择一行时才显示一些 html

jquery - 专注于按钮而不是输入字段

jquery - 如何淡化背景而不仅仅是改变颜色

javascript - 集合中的数据点太多。寻找 trim 的方法

javascript - 使用 Nodejs、Express 进行 Swig for 循环,

javascript - 用JS正则表达式去除时间戳

javascript - 通过按钮使用 javascript AJAX 功能更新数据库

javascript - 检索 token /创建费用 - Stripe