根据其他下拉列表填充数据库中的下拉列表 [英] Populate dropdown from databse depending on other dropdown

问题描述

  function  update_name（id）
 {
 
  var  xmlhttp =  new  XMLHttpRequest（）; 
 xmlhttp.onreadystatechange =  function （）
 {
  if （ xmlhttp.readyState ==  4 && xmlhttp.status ==  200 ）
 { 
  document  .getElementById（  txt).innerHTML=xmlhttp.responseText; 
} 
} 
 xmlhttp.open（  GET，   update_data.php？q = + id， true ）; 
 xmlhttp.send（）; 
} 

im使用http://www.w3schools.com/php/php_ajax_database.asp中的代码填充下拉列表取决于第一次下拉菜单。

我得到了值，它显示在下拉列表中，但它没有在源代码中显示而没有在表单上提交。



我尝试了什么：



im尝试来自http://www.w3schools.com/php/php_ajax_database.asp的代码链接，

用dropdown替换表

解决方案

除非你强迫自己使用普通的javascript，否则我建议你看一下jQuery。



另外，我不知道我得到的是什么值，它在下拉列表中显示出来，但是它没有在源代码中显示而没有提交表单提交。 这意味着我将忽略这一部分，并为您提供依赖下拉选择的基本概念。



无论如何。让我们说你有以下挫折

 <  选择   名称  =  option1    id   =  option1 >  <  选项    value   =  1 > 选择1 <   / option  >  <   / selec t  >  
 <  选项   值  =  2 > 选择2 
 
 
 <  选择   名称  =  option2    id   =  option2 >  <  选项    value   =  > 选择<   / option  >  <   / select  >  
 <   / option  >  

选项1必须有一些数据，因为你需要以某种方式启动相关的下拉菜单。因此，基于此，您将有一个与option1相关联的更改事件

（ ＃option1）。change（ function （）{

.ajax（{
url： 但是你可以在这里获取数据.php，
类型： GET，
dataType： json，
contentType： application / json; charset = utf-8，
async： true ，
}）。success（ function （data）{
var options = < option value =''>选择< /选项>中;

function update_name(id)
{

    var xmlhttp=new XMLHttpRequest();
     xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
     document.getElementById("txt").innerHTML=xmlhttp.responseText;
     }
 }
    xmlhttp.open("GET","update_data.php?q="+id,true);
    xmlhttp.send();
}

i m using this code from http://www.w3schools.com/php/php_ajax_database.asp for populating dropdown depending on first dropdown.
I am getting the values and it displys in dropdown, but its not displaying in source code and not getting on form submit.

What I have tried:

i m trying code from http://www.w3schools.com/php/php_ajax_database.asp link,
replaced table with dropdown

解决方案

Unless you are forcing yourself to use plain javascript I would encourage you to look at jQuery.

Also, I don't know what "I am getting the values and it displys in dropdown, but its not displaying in source code and not getting on form submit." means so I'll just ignore this part and give you the basic idea of dependent drop down selections.

Anyways. Lets say you've got the following drop downs

<select name="option1" id="option1">   <option value="1">Select 1</option></select>
   <option value="2">Select 2


<select name="option2" id="option2">   <option value="">Select</option></select>
</option>

Option 1 has to have some data in it because you need to start the dependent drop downs somehow. So based on that, you'll have an change event tied to option1

("#option1").change(function(){

.ajax({ url: "Url to however you get data here.php", type: "GET", dataType: "json", contentType: "application/json;charset=utf-8", async: true, }).success(function(data){ var options = "<option value=''>Select</option>";

这篇关于根据其他下拉列表填充数据库中的下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！