Question

我想得到一个问题二的标题（以及其他后续问题）我的表单根据输入后立即输入的内容（但在发送之前）进行更新，但是尽管尝试了几个解决方案SO告诉我，我没有管理。任何帮助非常感谢！这是我最新的迭代：

我的HTML：

<input type="text" class="form-control" placeholder="Dexter" name="name" style="background-color:#DFECF5;" required data-validation-required-message="Please enter your pet's name.">...

<h3>What Breed is<div id="namer"></div></h3>

我的JS：

$(document).ready(function () {
    $('<input name="name" type="text"/>').appendTo("div.namer");
});

修改

我已经学习了JS Angular，它在几秒钟内为我排序了这一点：）

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p> 

</div>

Answer 1

试试这个..

      <input type="text" class="form-control dexter" placeholder="Dexter" name="name" style="background-color:#DFECF5;" required data-validation-required-message="Please enter your pet's name."/>

        <h3>What Breed is <div class="namer"></div></h3>
         <script>
    $(document).ready(function(){
        $(".dexter").blur(function(){
var dextervalue=$(".dexter").val();
$(".breed").remove();
$('<input name="name" class="breed" type="text" value"'+dextervalue+'"/>').appendTo("div.namer");
$(".breed").val(dextervalue);
        });

    });
    </script>

小提琴：http://jsfiddle.net/cq3moa34/

实时附加表单输入到HTML字符串

1 个答案: