我有一個窗體,其中兩個字段是產品名稱和產品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. 基於選擇條目自動填充文本框
到目前爲止,你做了什麼?向我們展示代碼! :)謝謝 –
兄弟如果你編輯你的問題,並有適當的文本與代碼將是簡單和方便的每個人我猜! –
請檢查代碼 –