Question

我的网站上有一个ajax搜索，用搜索结果填写HTML文本框。这很好用。但我想要做的是在文本框中显示文章的文本，但将文章的ID传递给$ _POST以保存到数据库中。

我正在使用的JS是：

<script type="text/javascript">
    $(function(){
    $(".search").keyup(function() 
    { 
    var searchid = $(this).val();
    var dataString = 'search='+ searchid;
    if(searchid!='')
    {
            $.ajax({
            type: "POST",
            url: "search.php",
            data: dataString,
            cache: false,
            success: function(html)
            {
            $("#result").html(html).show();
            }
            });
    }return false;    
    });

    jQuery("#result").live("click",function(e){ 
            var $clicked = $(e.target);
            var $name = $clicked.find('.name').html();
            var decoded = $("<div/>").html($name).text();
            $('#searchid').val(decoded);
    });
    jQuery(document).live("click", function(e) { 
            var $clicked = $(e.target);
            if (! $clicked.hasClass("search")){
            jQuery("#result").fadeOut(); 
            }
    });
    $('#searchid').click(function(){
            jQuery("#result").fadeIn();
    });
    });
</script>

我的search.php文件如下所示：

   <?php

    if($_POST)
    {
        $q = $_POST['search'];
        $sql_res = mysql_query("SELECT id,title,author,DATE_FORMAT(added,'%b %e, %Y') AS added FROM news WHERE title LIKE '%$q%' ORDER BY id LIMIT 5");

        while($row=mysql_fetch_array($sql_res))
        {
            $title = $row['title'];
            $author = $row['author'];
            $added = $row['added'];
    ?>

    <div class="show">
        <span class="name"><?php echo $title; ?></span>&nbsp;<br/><span class="showdate">Addded: <?php echo $added; ?></span>
    </div>

    <?php
        }
    }
    ?>

最后HTML看起来像这样：

<div class="block">
<label>master article</label> 
    <input type="text" name="MasterID" maxlength="16" id="searchid" class="search" placeholder="Search for the master article">
</div>

<div id="result"></div>

问题是文本框显示标题，这很棒，但我希望发布id。我感觉如此接近，并认为我可以使用隐藏的输入类型，但我不确定如何填充它。

提前感谢您的任何帮助！

Answer 1

所以我做的就是这个。在search.php中添加了文章id变量：

$artid = $row['id'];

并将div show块更改为：

<div class="show" align="left">
<span class="name"><?php echo $artid; ?></span> - <span class="showname"><?php echo $title; ?></span>&nbsp;<br/><span class="showdate">Addded: <?php echo $added; ?></span>
</div>

因为Ajax使用span class =＆＃34; name＆＃34;中的任何内容填充文本框。

这对我有用。谢谢你的想法！

将不同的文本框值从input type = textbox发布到PHP

1 个答案: