如何更改值当点击组合框
为了说明我的答案的目的,我将使用演示数据库,从数据库中选择一些任意的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);
?>
感谢YOu Very MUCh谢谢你..... – user3800755
涨涨涨涨涨涨涨涨 – user3800755