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("");
    }

jquery从表单设置div内容

2 个答案: