使用 AJAX 从组合框中获取选定的文本答案

【问题标题】：get selected text from combobox usuing AJAX使用 AJAX 从组合框中获取选定的文本
【发布时间】：2020-01-21 14:24:35
【问题描述】：

谁能帮我把 PHP 代码转换成 Ajax？

HTML 代码：

  <form method="POST" >
    <label for="Manufacturer"> Manufacturer : </label>
      <select id="cmbMake" name="Make"     onchange="document.getElementById('selected_text').value=this.options[this.selectedIndex].text">
         <option value="0">Select Manufacturer</option>
         <option value="1">--Any--</option>
         <option value="2">Toyota</option>
         <option value="3">Nissan</option>
    </select>
    <input type="hidden" name="selected_text" id="selected_text" value="" />
    <input type="submit" name="search" value="Search"/>
    </form>

PHP 代码：

 <?php

if(isset($_POST['search']))
{
    $makerValue = $_POST['Make']; // make value
    $maker = $_POST['selected_text']; // get the selected text
    echo $maker;
}
 ?>

来源：

PHP code to get selected text of a combo box

【问题讨论】：

我没有看到任何代码表明您尝试过 AJAX！
@Akam，我的意思是将我的代码转换为 Ajax。
你没有要求我们“转换”任何东西。您要求我们为您编写代码。请在此处提问之前进行一些研究和尝试。 SO 不是编码服务。
@magnusEriksson，我对 Ajax 了解不多，这就是我寻求帮助的原因。我已经尝试了很多但没有得到任何结果。谢谢
Google "Get started with ajax" 你会发现很多教程。在询问之前，您应该始终进行广泛的研究并自己进行一些适当的尝试。然后，如果您在尝试时遇到代码特定问题，我们可以从那里提供帮助。

标签： php jquery html ajax

【解决方案1】：

您必须触发按钮提交并阻止它重新加载页面，请参见下面的代码

 $('#btn-search').click(function(e) {
      e.preventDefault()
       $.ajax({
         url:"url to your search php function",
         method:"POST",
         data:{
           selected_text: $('#selected_text').val(),
           Make: $('#cmbMake').val()
         },
         success:function(data)
         {
             //success code here
         }
    });
 })

给你的提交按钮输入一个 ID

在您的 php 中，只需删除您的 if 条件并创建一个这样的函数

public function search() {
    $makerValue = $_POST['Make']; // make value
    $maker = $_POST['selected_text']; // get the selected text
    echo $maker;
}

【讨论】：

请不要回答“给我代码”的问题。人们在提问之前需要自己做一些尝试。
对不起，到目前为止他只想使用ajax制作提交功能。