如何更改值当点击组合框

如何更改值当点击组合框

问题描述:

嗨,我有一个新手问题.. 我有一个组合框与默认值。 当我点击组合框。从数据库中显示所有数据...... 我没有anycodes但请 给我一些例子提前如何更改值当点击组合框

感谢..

+0

涨涨涨涨涨涨涨涨 – user3800755

为了说明我的答案的目的,我将使用演示数据库,从数据库中选择一些任意的ID和名称值。 这里的代码应该足以让你开始,但我会建议如下:

  • 谷歌第一次......做这样的东西,你需要知道你的JavaScript和PHP相当不错。虽然这只是这里的基础知识,但它是最重要的基础知识。
  • 当你问一个问题时更具体......你的问题非常含糊。

不过,我在这里帮所以这里是一些基本的代码,有一个很好的解释: 首先,你需要在HTML里面的元素来改变。这里我使用了#mydropdown#displayArea将用于显示数据。然后,在Javascript中(记得要包含jQuery),您将使用jQuery的ajax函数(或者,如果您愿意,也可以不使用它),以便调用将为您加载数据的PHP脚本。当PHP脚本返回它的数据(JSON编码)时,请在JavaScript中解码并输出它(或执行任何其他需要的操作)。

在PHP中,这里的示例脚本只是从$ POST获得一个变量,可用于过滤数据库查询或其他内容。请注意,在本例中,使用了mysql *扩展名。如果你有时间,可以看看PDO(mysql_ *是oooold)。 数据库查询在PHP中完成后,它被JSON编码并发送回javascript并显示。

我现在只是在下面输入了这段代码,所以它可能不会很好地工作,但它不应该花费太多的时间。如果您遇到严重问题,我强烈建议您在尝试执行此操作之前首先获取PHP和JavaScript技能。

HTML:

<select id="mydropdown" onchange="loadData();"> 
    <option value="a">Some Option</option> 
    <option value="b">Another Option</option> 
</select> 
<div id="displayArea"> 
</div> 

的Javascript:(包括jQuery的到脚本第一)

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 

    function loadData() 
    { 
     $.ajax(
     { 
      url:"load_data.php", 
      type:"POST", 
      data:{selectedOption:$("#mydropdown").val()} 
     }) 
     .done(function(data) 
     { 
      var returnData=$.parseJSON(data); 
      //do something with the data that was returned 
      $.each(returnData, function(k, v) 
      { 
        //work with a single item in the array of returned data 
        $("#displayArea").append(v.name); 
      }); 
     }) 
     .fail(function() 
     { 
      alert("Something went horribly wrong while trying to get your data! I think the internet is broken"); 
     }); 

    } 

</script> 

PHP:load_data.php

<?php 

//get the selected option that was sent in jQuery's ajax call. This can be used to filter your query 
$selectedOption = $_POST['selectedOption']; 


//connect to mysql and select a db 
$conn=mysql_connect('host', 'user', 'password') or die(mysql_error()); 
mysql_select_db('mydb', $conn) or die(mysql_error()); 

//select data from the db 
$query="SELECT id, name FROM people"; 
$result=mysql_query($query, $conn) or die(mysql_error()); 

//create an array to contain people selected from your DB. 
$people = array(); 
while ($resultsArray=mysql_fetch_array($result)) 
{ 
    array_push($people, array("id"=>$resultsArray['id'], "name"=>$resultsArray['name'])); 
} 

echo json_encode($people); 

?> 
+0

感谢YOu Very MUCh谢谢你..... – user3800755