Question

我有以下代码：

<form>
    <div class="form-group">
        <div class="col-lg-12">
            <input class="form-control" type="text" name="keyword1" placeholder="Keyword #1 "><br>
        </div>
        <div class="help-block">one two</div>
    </div>
    <div class="form-group">
        <div class="col-lg-12">
            <input class="form-control" type="text" name="keyword2" placeholder="Keyword #2 "><br>
        </div>
        <div class="help-block">one two</div>
    </div>
</form>

在页面加载时，帮助块通过jquery隐藏。我希望在有人填写每个输入后很快就会显示它们。它们应显示输入的文本。

这是我正在努力改进的jquery：

<script>
    $(document).ready(function() {
        //hide the boxes where results will be shown
        $('.help-block').hide();

        $('input:text').blur(function (){
            $(this).next().val(this.val());
        });

    });

</script>

毋庸置疑，我还在用jquery，任何指针找到我的脚？

Answer 1

问题

使用$(this).val()代替this.val()
help-block div是输入父级的兄弟
如果您需要显示它们，请使用.show()

使用

$('input:text').blur(function (event){
    event.preventDefault();
    $(this).parent().siblings('.help-block').html($(this).val()).show();
});

DEMO

如何使用jquery显示带有刚填充的输入字段内容的不可见div

1 个答案: