我有一个简单的下拉列表,其值来自数据库。我正在这样做
$query = "SELECT id,location_name FROM misc_location";
if ( $result = mysql_query($query) ) {
$selectLoco = "<select name='selectLoco' id='selectLoco'>";
while ($row = mysql_fetch_row($result) ) {
$selectLoco .= "<option value='$row[0]''> $row[1] </option>";
}
$selectLoco .= "</select>";
}
但现在我在下拉列表下方有一个文本框。所以当用户选择一个下拉项时,我需要拉取一个对应于所选项目的值并显示在文本框中。
表:misc_location
id location_name time
1 Ben 7.00 am
2 Cat 8.00
Location : 下拉用户选择 Ben ,下面的文本框应该显示 7.00
最佳答案
您需要为您的选择分配一个事件监听器:
<select name='selectLoco' id='selectLoco' onchange="$('#textboxid').val(this.value);">
并更正您的 php.ini 文件。在输出选项值的地方有两次引号。 您可能还想在加载时更新值。
这是一个 jsfiddle link
还有一个更好的例子:
<select name='selectLoco' id='selectLoco' onchange="updateValue();">
<option value="123">aaa</option>
<option value="456">bbb</option>
</select>
<input type="text" id="textboxid" />
<script type="text/javascript">
//the function that takes care of the updating
function updateValue()
{
$('#textboxid').val($('#selectLoco').val());
}
//update once the page has loaded too
$(document).ready(function () {
updateValue();
});
</script>
关于javascript - 在下拉菜单中从数据库更改事件加载数据并填充文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20727462/