javascript - 页面加载后获取或导入 $var 作为表单的输入值 - onClick 按钮？

Question

我有一个带有 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？非常感谢。

Answer 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" />