使用ajax在php中下拉更改事件? [英] Dropdown change event in php with ajax?

查看:49
本文介绍了使用ajax在php中下拉更改事件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

假设我们有两个下拉列表

dropdown1 for country和dropdown2 for state



i想要显示dropdown2中的状态dropdown1更改事件(例如:如果我点击印度,它应该用ajax加载印度的状态)?



我只需要示例[edit] 源代码,包括php,html,ajax。



谢谢你

Suppose we have two dropdown
dropdown1 for country and dropdown2 for state

i want to show the states in dropdown2 on dropdown1 change event(Ex:If i click india , It should load states of india with ajax)?

I just need example[edit] source code including php,html,ajax.

Thank you

推荐答案

你需要在某个地方找到数据...那是你的工作。

尝试开始此处



然后您连接到您的数据并使用 onchange 事件。
You'll need to find the data somewhere... that's your job.
Try starting here.

Then you connect to your data and use onchange event.


嗨朋友,



这是一个示例...具有此功能的完整测试页

Hi Friend,

Here's an Example... A Complete Test Page with this feature
File: index.html




<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <title>Representation of AJAX</title>
 <script type="text/javascript">
   function update(str)
   {
      var xmlhttp;

      if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
      }
      else
      {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }	

      xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
          document.getElementById("data").innerHTML = xmlhttp.responseText;
        }
      }

      xmlhttp.open("GET","demo.php?opt="+str, true);
      xmlhttp.send();
  }
</script>

</head>
<body>
  <select id="optionA" onchange="update(this.value)">
    <option value="0">Select...</option>
    <option value="1">Option1</option>
    <option value="2">Option2</option>
  </select>
  <br/>
  <select id="data">
    <option>Select an Option...</option>
  </select>
</body>
</html>







File: demo.php 




<?php
  


opt =
opt =


这篇关于使用ajax在php中下拉更改事件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆