在后台发布带有标签的输入值答案

【问题标题】：Posting the input value with tag in the background在后台发布带有标签的输入值
【发布时间】：2022-09-29 23:07:30
【问题描述】：

我希望它在用户看到的字段中作为 id 发布，但在发布时。

https://prnt.sc/z5Hw61LuKoGy -> 用户看到的区域

https://prnt.sc/plR-s1eb4OGE -> 在后台发送带有值标签的 ID 数据

当我这样发布时，我在我的数据库中将其视为 0。 https://prnt.sc/XjPHKrthej2M

为什么不是4？

你能帮助我吗？

我正在使用 jQuery UI 自动完成。

我的查询代码

$(\"#urun_olustur .col-10 input\").autocomplete({
    source: function(request,response){
        $.ajax({
            url: \'ajax.php\',
            type: \'post\',
            dataType: \'json\',
            data: {
                search: request.term
            },
            success: function(data){
                response(data);
            }
        });
    },
    select: function(event,ui){
        $(this).val(ui.item.label);
        $(this).attr(\"value\",ui.item.value);
        return false;
    }
});

我的 AJAX.PHP 代码

if (isset($_POST[\"search\"])) {
$search = $_POST[\"search\"];
$query = $db->query(\"SELECT * FROM test WHERE test_name LIKE \'%\".$search.\"%\");
$response = array();
while ($row = $query->fetch(PDO::FETCH_ASSOC)) {
    $response[] = array(
        \"value\" => $row[\"id\"],
        \"label\" => $row[\"test_name\"]
    );
}
echo json_encode($response);
exit;
}

标签： php jquery ajax

【解决方案1】：

你可以得到这样我添加了以下 sn-p 请检查。

我已经接受了更改事件，您可以根据自己的方便使用任何其他必需的事件

$("#ac_text_id").on('autocompletechange change', function() {
  $('#ac_text_op').html('You selected: ' + this.value);
}).change();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" class="form-control ui-autocomplete-input" name="ac_text" id="ac_text_id" autocomplete="off" value="4">

<div id="ac_text_op"></div>

【讨论】：