如何将ajax中的选定值传递给php答案

【问题标题】：how to pass selected value in ajax to php如何将ajax中的选定值传递给php
【发布时间】：2016-02-14 03:26:07
【问题描述】：

这是我的 html、ajax 和 php 代码。 selected返回的值是要传入php的

我想在我的 php 文件中以文本形式（bank_name、state_name、district_name、city_name）使用这四个选定的值（银行、州、区和城市）来显示基于这些值的数据。如果我使用 $bank=$_POST['bank[1]'];它给出了 bank_id 等等，而不是选择的 bank_name

<?php
include_once 'dbconfig.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Dependent Select Box using jQuery and PHP</title>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{

 $(".state").change(function()
 {
  var id=$(this).val();
  var dataString = 'id='+ id;

  $.ajax
  ({
   type: "POST",
   url: "get_district.php",
   data: dataString,
   cache: false,
   success: function(html)
   {
    $(".district").html(html);
   } 
   });
  });

  $(".state").change(function()
 {
  var id=$(this).val();
  var dataString = 'id='+ id;

  $.ajax
  ({
   type: "POST",
   url: "get_city.php",
   data: dataString,
   cache: false,
   success: function(html)
   {
    $(".city").html(html);
   } 
   });
  });

});
</script>
<style>
label
{
font-weight:bold;
padding:10px;
}
div
{
 margin-top:100px;
}
select
{
 width:200px;
 height:35px;
}
</style>
</head>
<form name="frm_ifsc" method="post" action="show_ifsc.php">
<body>
<center>
<div>

<label>Bank:</label> 
<select name="bank" class="bank">
<option selected="selected">--Select Bank--</option>
<?php
 $stmt = $DB_con->prepare("SELECT * FROM tbl_banks");
 $stmt->execute();
 while($row=$stmt->fetch(PDO::FETCH_ASSOC))
 {
  ?>
        <option value="<?php echo $row['bank_id']; ?>"><?php echo $row['bank_name']; ?></option>
        <?php
 } 
?>
</select>
<br>
<br>

<label>State:</label> 
<select name="state" class="state">
<option selected="selected">--Select State--</option>
<?php
 $stmt = $DB_con->prepare("SELECT * FROM tbl_state");
 $stmt->execute();
 while($row=$stmt->fetch(PDO::FETCH_ASSOC))
 {
  ?>
        <option value="<?php echo $row['state_id']; ?>"><?php echo $row['state_name']; ?></option>
        <?php
 } 
?>
</select>
<br>
<br>
<label>District:</label> <select name="district" class="district">
<option selected="selected">--Select District--</option>
</select>
<br>
<br>


<label>City:</label> <select name="city" class="city">
<option selected="selected">--Select City--</option>
</select>
<br>
</div>
<br />
<br>
<input type="submit" name="submit" value="Search" class="btnRegister">
</center>
</form>
</body>
</html>

【问题讨论】：

标签： php ajax selected dropdown

【解决方案1】：

您可以通过多种方式解决此问题。我认为最简单的两个是：

修改 JavaScript 以获取选项文本：

var id = $( this ).html();
var dataString = "id=" + id;

修改选择 HTML：

<option value="<?php echo $row['bank_name']; ?>"><?php echo $row['bank_name']; ?></option>

祝你好运！

【讨论】：

下一个下拉列表依赖于 bank_id，因此下一个基于 bank_id 的可靠下拉列表不起作用
如果一个字段显示银行名称，第二个字段显示 url 地址，如何通过选择银行名称转到该 url