jquery - jquery从表单设置div内容

Question

我有一个带有字段的表单，用于填写电子邮件以及其他输入，这些输入输出到显示用户输入的页面上的图像。当他们填写电子邮件字段时，我们希望电子邮件的 div 显示他们输入的内容，上面的 div 显示“电子邮件：”如果他们改变主意并清除电子邮件字段，则电子邮件 div 正确清除但上面的 div 仍然说“电子邮件：”我不知道为什么第二个字段为空时不会清除？

谢谢。

这是我的代码：

<script type='text/javascript'>//<![CDATA[ 
$(function(){
$(document).ready(function () {
$("#email").change(function () {
    var src = $(this).val();
    $("#emailaddy").html($(this).val());
    if ($("#email").val() != ''){
         $("#email1").html("Email:"); }
});
});
});//]]>  

</script>

Answer 1

试试这个

<script type='text/javascript'>//<![CDATA[ 
$(function()
  {
$(document).ready(function () {
$("#email").change(function () {
    var src = $(this).val();
    $("#emailaddy").html($(this).val());
        if ($("#email").val() != ''){
             $("#email1").html("Email:"); 
        }
        else
        {
            $("#email1").html(""); 
        }
        });
    });
  });
</script>

Answer 2

尝试为您的“email1”div 重置 html 内容。放：

    if ($("#email").val() != '') {
      $("#email1").html("Email:"); 
    } else {
      $("#email1").html("");
    }