Question

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

当值与选项值匹配时，我应该添加什么以使选项被选中？如何设置条件'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>

Answer 1

以下代码在该值与选项值匹配时使该选项处于选中状态。

<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>

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

1 个答案: