时间戳

首页 > 解决方案 > 如何在 HTML 的下拉列表中设置条件？

javascript - 如何在 HTML 的下拉列表中设置条件？

问题描述

这是我的下拉列表部分的代码。

当值与选项值匹配时，我应该添加什么来选择选项？如何设置条件'if value=50 ,selected = selected' ?

<label>Quantity:</label><br><br>
<select name="qty" id="qty" value="{{ qty }}">
    <option value="50">50</option>
    <option value="100">100</option>
    <option value="150">150</option>
    <option value="200">200</option>
    <option value="250">250</option>
    <option value="300">300</option>
    <option value="350">350</option>
    <option value="400">400</option>
    <option value="450">450</option>
    <option value="500">500</option>
</select>

标签： javascripthtmldrop-down-menu

解决方案

当值与选项值匹配时，以下代码使选项被选中。

<label>Quantity:</label><br><br>
<select name="qty" id="qty">
    <option value="50">50</option>
    <option value="100">100</option>
    <option value="150">150</option>
    <option value="200">200</option>
    <option value="250">250</option>
    <option value="300">300</option>
    <option value="350">350</option>
    <option value="400">400</option>
    <option value="450">450</option>
    <option value="500">500</option>
</select>

<script>
     $(document).ready(function(){
       $('#qty option[value={{ $qty }}]').attr('selected','selected');
   });
</script>

推荐阅读