我更改了我的下拉菜單，但我沒有在我的文本框中獲得金額。這段代碼有什么問題嗎？我需要更改功能嗎？數(shù)據(jù)庫表名是product以前的：pid product amount1 phone 1500索引.php<div class="form-group"> <label for="product">product name</label> <select class="form-control" id="product" name="product" onChange="getamount(this.value);"> <option value="">Select product</option> </div> <div class="form-group"> <label for="amount">amount</label> <input type="text" class="form-control" id="amount" placeholder="amount" name="amount" readonly> </div>阿賈克斯功能：function getamount(val) { alert(val); $.ajax({ type: "POST", url: "get_amount.php", data:'pid='+val, success: function(data){ $("#amount").html(data); } });}獲取金額.php<?phprequire_once("db.php");if(!empty($_POST["pid"])) {$query =mysqli_query($conn,"SELECT amount FROM product WHERE pid= '" . $_POST["pid"] . "'");?><?phpwhile($row=mysqli_fetch_array($query)) {?><input type="text" value="<?php $row['amount]?>"><?php}}?>
1 回答
呼喚遠(yuǎn)方
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊
在您的 html 代碼中，沒有關(guān)閉 select-tag，option 字段的值為空，并且沒有其他選項(xiàng)，因此不會(huì)觸發(fā) onchange。我還在您的 getamount 函數(shù)中更改了 ajax 調(diào)用的數(shù)據(jù)。這就是我測(cè)試它的方式，讓它工作：
function getamount(val) {
alert(val);
$.ajax({
type: "POST",
url: "get_amount.php",
data: {
pid: val
},
success: function(data) {
$("#amount").html(data);
}
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group">
<label for="product">product name</label>
<select class="form-control" id="product" name="product" onChange="getamount(this.value);">
<option value="">Select product</option>
<option value="1">Select product1</option>
<option value="2">Select product2</option>
</select>
</div>
<div class="form-group">
<label for="amount">amount</label>
<input type="text" class="form-control" id="amount" placeholder="amount" name="amount" readonly>
</div>
- 1 回答
- 0 關(guān)注
- 103 瀏覽
添加回答
舉報(bào)
0/150
提交
取消