Question

如何在点击事件后制作多个标签以更改多个文本框？

问题：此输出仅显示上一个文本框值。

$(function () {
    $('a.edit').on('click', function (e) {
        e.preventDefault();
        $('label.control-label1').each(function (key, item) {
            var label = $(item);
            label.hide();
            label.siblings('input.edit-input1').val(label.text()).show().focus();
        });

        //Search for .control-label items
        $('label.control-label').each(function (key, item) {
            var label = $(item);
            label.hide();
            label.siblings('input.edit-input').val(label.text()).show().focus();
        });
    });
});

JSFiddle： http://jsfiddle.net/Logz/n24Ud/

Answer 1

检查更新后的fiddle

有效。你在做什么

label.siblings('input.edit-input').val(label.text()).show().focus();

每次都改变了所有输入的文本。

我只是将所有标签文本框对包装在像

这样的div中

<div>
    <label for="name" class="control-label">
        <p class="text-info">
            <label style="color: #662819;" id="plz">test1</label>
                <i class="icon-star"></i>
        </p>
    </label>
    <input type="text" class="edit-input" />

</div>

希望这有帮助。

点击事件后如何制作多个标签来更改多个文本框？

1 个答案: