我有一个窗体,其中两个字段是产品名称和产品price.Product名称是一个下拉链接与产品表在db.All产品从db.I获取我想如果我从下拉选择一个产品那么数据库表中的相应价格将自动显示在文本字段中。 我的价格文本字段代码基于php和java脚本的下拉选择结果填充文本字段?
回答
这是一个简单的自动完成功能。即使你可以在网络中找到它。试图改变这个代码需要
的index.php
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Autocomplete textbox using jQuery, PHP and MySQL by CodexWorld</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$("#skills").autocomplete({
source: 'search.php'
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="skills">Skills: </label>
<input id="skills">
</div>
</body>
</html>
的search.php
<?php
$dbHost = 'localhost';
$dbUsername = 'root';
$dbPassword = '';
$dbName = 'codexworld';
//connect with the database
$db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);
//get search term
$searchTerm = $_GET['term'];
//get matched data from skills table
$query = $db->query("SELECT * FROM skills WHERE skill LIKE '%".$searchTerm."%' ORDER BY skill ASC");
while ($row = $query->fetch_assoc()) {
$data[] = $row['skill'];
}
//return json data
echo json_encode($data);
?>
参考
http://www.codexworld.com/autocomplete-textbox-using-jquery-php-mysql/
的附加图像我不想自动完成文本框。我想要如果用户选择产品名称prom下拉,那么它的价格将自动从产品表中获取并将显示在价格字段中。 –
这一定会对你有所帮助
您还可以使用data-xxx而不是值属性中的select。如果您使用data-xxx属性,请在jquery中进行必要的更改。
<select id="product-name" >
<option value=""> Select a product</option>
<?php
// $products is from your product table a 2D associative array
// fetch formate like
// $procucts = array(
// array('name' => <product1-name>,'price' => <product1-price>),
// array('name' => <product2-name>,'price' => <product2-price>),
// ...............
// ...............
// );
foreach($products as $product){
?>
<option value="<?php echo $product['price']; ?>" ><?php echo $product['name']; ?></option>
<?php
}
?>
</select>
<input type="text" id="product-price" name="product-price" value="" />
<script type="text/javascript">
$(document).ready(function(){
$("#product-name").change(function(){
var price = $(this).val();
$("#product-price").val(price);
});
});
</script>
不,它不会解决我的问题。 –
我使用此代码来减少服务器通信。或者你可以使用自动完成。点击此链接https://jqueryui.com/autocomplete/#remote –
我们还可以将价格值放入数据价格属性中,这样我们也可以在提交表单时获取所选产品;看到我的答案; – itzmukeshy7
<select id="product-name" >
<option value=""> Select a product</option>
<?php
// $products is from your product table a 2D associative array
// fetch formate like
// $procucts = array(
// array('name' => <product1-name>,'price' => <product1-price>),
// array('name' => <product2-name>,'price' => <product2-price>),
// ...............
// ...............
// );
foreach($products as $product){
?>
<option data-price="<?php echo $product['price']; ?>" value="<?php echo $product['product_id']; ?>" ><?php echo $product['name']; ?></option>
<?php
}
?>
</select>
<input type="text" id="product-price" name="product-price" value="" />
<script type="text/javascript">
$(document).ready(function(){
$("#product-name").change(function(){
var price = $("option:selected", this).attr('data-price');
$("#product-price").val(price);
});
});
</script>
- 1. 基于下拉值自动填充文本字段
- 2. 基于文本字段填充下拉列表Javascript/Coldfusion 8
- 3. PHP - 根据选择的下拉值自动填充文本框?
- 4. 从MySql和Php填充下拉选择
- 5. JS脚本来填充文本字段
- 6. 从PHP脚本填充选择输入
- 7. 自动填充下拉选择的PHP表单中的字段
- 8. 如何用下拉选项填充文本字段
- 9. 根据下拉框选择生成的值填充文本字段
- 10. 从动态添加行中的下拉选择自动填充文本字段
- 11. 如何基于前一字段中的选择填充字段?
- 12. 基于选择字段的值自动填充表单字段
- 13. 基于下拉列表填充文本框的AJAX函数
- 14. Salesforce - 填充文本是从下拉列表中选择的
- 15. 基于动态下拉框填充文本框
- 16. 如何从选择菜单的选项填充文本字段
- 17. 使用基于下拉选择的.load填充div
- 18. 基于另一个字段填充表中的字段的脚本
- 19. 基于选择的剑道组合框填充文本框
- 20. 填充文本框时选择值形式下拉
- 21. 如何根据下拉列表选择填充文本框mvc
- 22. 我想填充文本框下拉选择使用jQuery
- 23. 通过两个下拉选择循环填充文本框
- 24. 从下拉列表中选择填充文本的文本输入
- 25. 蛋糕的PHP,如何填充下拉选择基于另一个下拉选择?
- 26. JavaScript动态填充下拉从值输入到文本字段
- 27. 从sql使用下拉列表填充文本字段jquery
- 28. 基于国家选择,需要填充国家和本市
- 29. 基于GXT中另一个下拉列表的选择填充下拉菜单
- 30. 基于选择条目自动填充文本框
到目前为止,你做了什么?向我们展示代码! :)谢谢 –
兄弟如果你编辑你的问题,并有适当的文本与代码将是简单和方便的每个人我猜! –
请检查代码 –