[英]Populate text field based on the selected drop down value
我有以下PHP代码,它将查询结果(只是产品名称及其相应单价的映射)输出到JSON文件。 PHP代码还会填充下拉列表。
在创建JSON文件并填充下拉列表时,我没有任何问题。 我主要关心的是:
当用户从下拉列表中选择产品名称时,如何自动填充另一个文本字段以显示产品的相应单价?
<label for="p_name">Product Name</label>
<div class="input-group">
<div class="input-group-btn">
<input type="text" class="form-control" name="p_name" id="p_name" style="width: 300px;" required>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" style="width: 300px;">
<?php
$connstring = pg_connect("host=localhost dbname=myDB user=postgres password=password")
or die('Could not connect: ' . pg_last_error());
$select = "SELECT p_name, unit_price FROM Product";
$executeSelect = pg_query($select) or die('Postgresql: ' . pg_last_error());
$result = array();
while ($line = pg_fetch_array($executeSelect, null, PGSQL_ASSOC)) {
$index = 0;
foreach ($line as $col_value) {
if ($index % 2 == 0)
{
//Display Product Name in the drop down list
echo "<li><a>$col_value</a></li>";
$index++;
}
else
{
$index++;
}
}
//Store query output to the result array
$result[] = $line;
}
//Save the query output to a JSON file
file_put_contents('C:\Apache\htdocs\productList.json', json_encode($result), LOCK_EX);
pg_free_result($executeSelect);
pg_close($connstring);
?>
</ul>
</div><!-- /btn-group -->
</div><!-- /input-group -->
<label for="unit_price">Unit Price</label>
<input type="number" class="form-control" name="unit_price" id="unit_price"></input>
使用Javascript显示产品的相应单价。
jQuery,用于在服务器上加载JSON文件。
$.getJSON('products.json', function(data) {
// process the data
});
有关$.getJSON()
更多信息,请查看此链接
提示 :最好在文档的onReady()事件中一次加载整个JSON文件,然后填充“产品名称”下拉框。 根据我的经验,使用PHP不是一个很好的设计选择。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.