提交前预览

时间:2014-01-15 13:41:09

标签: javascript php jquery html

任何人都可以告诉我如何使用php中的javascript以一种形式提交之前进行预览

我有一个像

这样的例子
<script type="text/javascript">
   $(document).ready(function() { 
    `$('#db').hide();
    });

function preview()
    {
           var add=document.getElementById('Address_Street').value;
    if(add.trim()!="")
        {       
            $('#db').show();
      document.getElementById('p_Address_Street').value=add;                
        }
    }

<body>
<form name="approval" id="approval" method="post" enctype="multipart/form-data" action="">
<input type="text" name="Address_Street" id="Address_Street" size="36" value="">
<input type="submit" value="Submit" >`
<input type="button" value="Preview" onclick="preview()">
</form>
<div id="db">
  Address Street: <input type="text" name="p_Address_Street" id="p_Address_Street" size="36" value="" readonly="readonly">
</div>
</body>
每个人都可以告诉我正确的:(

2 个答案:

答案 0 :(得分:2)

将ID添加到预览按钮

<input id="Preview" type="button" value="Preview">

然后试试这个Js

$(document).ready(function() { 
    $('#db').hide();
    $('#Preview').on('click', function(){
        var add=$("#Address_Street").val();
        if(add.trim()!="")
        {       
            $('#db').show();
            $('#p_Address_Street').val(add);               
        }    
    });
});

答案 1 :(得分:1)

此行有错误 `$('#db').hide();尝试删除`char

然后,如果您正在使用JQuery,请坚持下去。

var add = $('#Address_Street').val();

要调试,请删除if语句。也许错误就在那里。

示例: http://jsfiddle.net/fa295/