使用与PHP中下拉列表中的选定值相对应的值填充textfield
我的mysql数据库中有两个字段，分别是ItemDescription和StockNo。ItemDescription填充下拉列表。从下拉列表中选择一个值后，我想用对应于所选ItemDescription的StockNo填充一个textfield。我没有代码要显示（除了插入的表单控件）。我听说这可以通过AJAX实现，但我没有找到一个教程。提前谢谢你使用与PHP中下拉列表中的选定值相对应的值填充textfield,php,dreamweaver,Php,Dreamweaver,我的mysql数据库中有两个字段，分别是ItemDescription和StockNo。ItemDescription填充下拉列表。从下拉列表中选择一个值后，我想用对应于所选ItemDescription的StockNo填充一个textfield。我没有代码要显示（除了插入的表单控件）。我听说这可以通过AJAX实现，但我没有找到一个教程。提前谢谢你 此外，我正在使用Adobe Dreamweaver CS5，如果这很重要的话请将数字放入您选择的选项的值属性中： <select id="dr
此外，我正在使用Adobe Dreamweaver CS5，如果这很重要的话请将数字放入您选择的选项的
值属性中<select id="dropdown">
<option value="">Select an option …</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
window.onload = function() {
document.getElementById("dropdown").onchange = function() {
document.getElementById("value").value = this.options[this.selectedIndex].value;
}
}
示例（Fiddle）：简单的基本解决方案可能如下所示
<html>
<body>
Item Description <select id="ItemDescription" onchange="populate()">
<option value="Item1">Item1</option>`</select>
<br/>
Stock No <input type="text" id="StockNo" value=""/>
</body>
</html>
}你最好改进你的问题。但是，我建议您查看以下链接：@mert now我现在正在寻找的东西，但是谢谢！我还有一个问题，这就是解决办法！非常感谢。代码运行良好，但是我更改了选项的value属性，因为我的下拉列表是动态填充的
$row\u RecordsetItem['Stock\u No']Stock\u NodscriptStock\u NodscripttblSuppliesdscript库存编号可用数量单位tblRIS<html>
<body>
Item Description <select id="ItemDescription" onchange="populate()">
<option value="Item1">Item1</option>`</select>
<br/>
Stock No <input type="text" id="StockNo" value=""/>
</body>
</html>
var xmlHttp;
function createXmlHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function populate() {
createXmlHttpRequest();
var param = document.getElementById('ItemDescription').value;
xmlHttp.open("GET", "http://localhost:9444/populate?itemdesc="+param, true);
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState==4) {
if(xmlHttp.status==200){
var stockNo = xmlHttp.responseText
document.getElementById('StockNo').value = stockNo;
}
else
alert("Error Loading Page" + xmlHttp.status + xmlHttp.statusText);
}
}