将 PHP 变量回显到按钮值，然后将按钮值发送到输入文本

Question

您好，我想将 PHP 变量回显到按钮值，然后将按钮值发送到输入文本。我能够用变量回显按钮，但是当我单击按钮时它什么也不做。我不知道为什么，因为当我在没有 PHP 的情况下执行此操作时，只有脚本，并且输入它可以完美运行。我只是错过了一些我知道的东西，我找不到太多关于如何将 php 传递给按钮然后将按钮值传递给输入文本的信息。

这是将按钮值传递给输入文本的脚本：

$( document ).ready(function() {
var $theButtons = $(".button");
var $theinput = $("#theinput");
$theButtons.click(function() {
    $theinput.val(this.value);
});
});

这是将变量作为按钮回显的 PHP：

        require "config.php";  // database connection



    $in=$_GET['txt']; 
    if(!ctype_alnum($in)){  // 
    echo "Search By Name, or Entry ID";
    exit;
    }

    $msg="";
    $msg="";
    if(strlen($in)>0 and strlen($in) <20 ){ 
    $sql="select name, entry, displayid from item_template where name like '%$in%' LIMIT 10"; // the query
    foreach ($dbo->query($sql) as $nt) {
    //$msg.=$nt[name]."->$nt[id]<br>";
    $msg .="<table style='table-layout:fixed;'> // Just the start of my table
    <tr>
    <td>Name</td>
    <td>Entry ID</td>
    <td>Display ID</td>
    </tr>
    <tr>
    <td align=center><a href=http://wowhead.com/item=$nt[entry]>
    $nt[name]</a>
    </td>
    <td>$nt[entry]</td>
    <td>
    <input type=button class=button value=$nt[displayid]> // The Value I need echoed out in a button is $nt[displayid]
    </td>
    </tr>
    </table>"; // end of my table}
}
$msg .='';
echo $msg;

没关系，但这里是输入文本

<input type="text" id="theinput"/>

Answer 1

让自己轻松一点，并尝试让您的代码易于阅读。我个人更喜欢在 echo 语句之外干净地编写我的 html，如下所示：

HTML

if (strlen($in) > 0 and strlen($in) < 20) {
    $sql = "select name, entry, displayid from item_template where name like '%{$in}%' LIMIT 10"; // the query
    foreach ($dbo->query($sql) as $nt) {
        //$msg.=$nt[name]."->$nt[id]<br>";
        ?>
        <table style="table-layout:fixed;">
            <tr>
                <td>Name</td>
                <td>Entry ID</td>
                <td>Display ID</td>
            </tr>
            <tr>
                <td align="center">
                    <a href="http://wowhead.com/item=<?=$nt['entry'];?>"><?=$nt['name'];?></a>
                </td>
                <td><?=$nt['entry'];?></td>
                <td>
                    <input type="button" class="button" value="<?=$nt['displayid'];?>">
                </td>
            </tr>
        </table>
        <?php
    }
}

Javascript

$( document ).ready(function() {
    var $theButtons = $(".button");
    var $theinput = $("#theinput");
    $theButtons.click(function() {
        // $theinput is out of scope here unless you make it a global (remove 'var')
        // Okay, not out of scope, but I feel it is confusing unless you're using this specific selector more than once or twice.
        $("#theinput").val(jQuery(this).val());
    });
});

Answer 2

好的，这就去……

1. 在您的 JavaScript 中使用事件委托来处理按钮点击。这适用于所有现在和未来的按钮

   jQuery(function($) {
       var $theInput = $('#theinput');
       $(document).on('click', '.button', function() {
           $theInput.val(this.value);
       });
   });
   

2. 不太重要，但我不知道您为什么要为每条记录生成一个完整的表格。我会这样组织它......

   // snip
   
   if (strlen($in)>0 and strlen($in) <20 ) :
   // you really should be using a prepared statement
   $sql="select name, entry, displayid from item_template where name like '%$in%' LIMIT 10";
   ?>
   <table style="table-layout:fixed;">
   <thead>
   <tr>
       <th>Name</th>
       <th>Entry ID</th>
       <th>Display ID</th>
   </tr>
   </thead>
   <tbody>
   <?php foreach ($dbo->query($sql) as $nt) : ?>
   <tr>
       <td align="center">
           <a href="http://wowhead.com/?item=<?= htmlspecialchars($nt['entry']) ?>"><?= htmlspecialchars($nt['name']) ?></a>
       </td>
       <td><?= htmlspecialchars($nt['entry']) ?></td>
       <td>
           <button type="button" class="button" value="<?= htmlspecialchars($nt['displayid']) ?>"><?= htmlspecialchars($nt['displayid']) ?></button>
       </td>
   </tr>
   <?php endforeach ?>
   </tbody>
   </table>
   
   <?php endif;