0

我有一个带有 2 个输入字段$first_name和$last_name.

<?
$first_name = get_post_meta($post->ID, 'fname', true);
$last_name = get_post_meta($post->ID, 'lname', true);

$fname_tmp = 'Foo' ; // First Name TEMP
$lname_tmp = 'Bar' ; // Last Name TEMP
?>

<input type="text" value="<? echo $first_name;?>" name="first_name" />
<input type="text" value="<? echo $last_name;?>" name="last_name" />

我想在这个表单中添加一个 onClick "GET/IMPORT" 按钮/功能。因此，如果用户按下此按钮，则输入字段first_name应显示Foo并last_name应显示Bar

我怎样才能做到这一点？使用 PHP？提前谢谢了。

4

2 回答 2

1

有一个 .php 文件，它将响应表单中触发的 onclick 事件。

<?php
$result['fname'] = 'FOO';
$result['lname'] = 'Bar';
echo json_encode($result);
?>

编写一个 jQuery 函数来触发事件并从 php 接收响应您可以将此 javascript 代码添加到页面中的任何位置，但建议在您之间添加。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.button').click(function() {
            $.get('/path-to-php-file', function(data) {
                result = $.parseJSON(data);
                $("input[name='first_name']").val(result.fname);
                $("input[name='last_name']").val(result.lname);
            });
        });
    });
    </script>

在表单中创建一个按钮

<input class="button" type="button" value="Get/Import" />
于 2013-11-05T16:20:30.647 回答
1

我试试看。这行得通。这是你的代码。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" >
$(function() {
$(".buttonclass").click(function() 
{   
var fname_tmp = $("#fname_tmp").val();
if($("#fname_tmp").val()=='') fname_tmp="";

var last_name = $("#lname_tmp").val();
if($("#lname_tmp").val()=='') last_name="";

document.getElementById('first_name').value=fname_tmp;
document.getElementById('last_name').value=last_name;

});
});
</script>

<?php
//$first_name = get_post_meta($post->ID, 'fname', true);
//$last_name = get_post_meta($post->ID, 'lname', true);

$fname_tmp = 'Foo' ; // First Name TEMP
$lname_tmp = 'Bar' ; // Last Name TEMP
?>

<input type="hidden" name="fname_tmp" id="fname_tmp" value="Foo"/>
<input type="hidden" name="lname_tmp" id="lname_tmp" value="Bar"/>


<input type="text" value="<?php echo $first_name;?>" name="first_name" id="first_name"/>
<input type="text" value="<?php echo $last_name;?>" name="last_name" id="last_name"/>
<input type="button" name="mybutton" id="mybutton" value="Click Me" class="buttonclass" />
于 2013-11-05T16:26:15.727 回答