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」ボタン/機能を追加したいと考えています。したがって、ユーザーがこのボタンを押すと、入力フィールドにFooが表示され、 Barが表示されるはずfirst_nameですlast_name

これどうやってするの？PHPを使用していますか？よろしくお願いします。

4

2 に答える 2

1

フォームでトリガーされた onclick イベントに応答する .php ファイルを用意します。

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

イベントをトリガーし、php からの応答を受け取る jQuery 関数を作成します。この 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 に答える