【发布时间】:2021-11-21 23:32:52
【问题描述】:
我是 laravel 的新手。
我有一个来自数据库的数据集,它存储在变量 product_data 中。
| name | number_of_products | price |
|---|---|---|
| 0-50k | 2 | 200 |
| 51-100k | 3 | 123 |
| 100-150k | 6 | 345 |
| 150-200k | 8 | 450 |
我想将名称写为下拉菜单,在选择特定名称时,产品数量和价格应显示为文本。我希望为每个名称添加另一个数量下拉列表,数量应该是产品数量的最大值。
例如:如果我从下拉列表中选择名称 51-100k,则价格 123 应显示在文本字段中,产品数量 3 应显示在文本字段中,下拉列表中的数量应介于 1 到 3 之间。此字段还应保存到数据库中的另一个表,表名为 bid_price,字段为 name、number_of_products、bid_price、original_Price。
我试过的是:
<div class="form-group row">
<label>Select Milege gap: </label>
<select class="form-select" name="mileage" id="mileage" onchange="getOption()">
{% for p in product_data %}
<option value="{{p.name}}">{{p.name}}</option>
{% endfor %}
</select>
</div>
<div class="form-group row">
<label>Avalaible Quantity: </label>
<input type="text" class="form-control" readonly name="avaialbe_qty"/>
</div>
<div class="form-group row">
<label>Quantity: </label>
<select class="form-select" name="quantity" id="quantity" >
{% for p in product_data %}
<option value="{{p.number_of_products}}">{{p.number_of_products}}</option>
{% endfor %}
</select>
</div>
<div class="form-group row">
<label for="inputBid" class="col-sm-2 col-form-label" >Enter Bid Price</label>
<div class="col-sm-10">
<input type="number" class="form-control" id="inputBid" name="bid" />
</div>
</div>
<script>
function getOption()
{
var select = document.getElementById('mileage');
var option = select.options[select.selectedIndex];
document.getElementById('truck').value = option.value;
}
</script>
如何根据下拉列表的选择值显示对应的价格和产品数量?
【问题讨论】:
-
这段代码有什么问题?
-
@GiacomoM 我的输出没有从数据库中获取相应的数据
-
在此代码中,您将选定选项的值设置为具有 id 卡车的字段。您没有获取任何数据。此外,您想在选择选项时输入价格,但此代码将在字段中显示名称。
标签: php laravel database loops drop-down-menu