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

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

<强> 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

好的，这里有......

在JavaScript中使用事件委派来处理按钮点击。这适用于所有现在和将来的按钮

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

不太重要，但我不知道为什么要为每条记录制作完整的表格。我会像这样构建它......

// 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;

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

2 个答案: