CODEWITHSUNDEEP
javascripthtmldrop-down-menu
ELsssss
ELsssss

Reputation: 206

How to set condition in dropdown list in HTML?

Here is my code for drop-down list part.

What should I add in to make the option selected when the value is matched with the option value? How to set condition like '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>

Upvotes: 2

Views: 2558

Answers (1)

Muhammad Adnan
Muhammad Adnan

Reputation: 412

following code make the option selected when the value is matched with the option value. 

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

Upvotes: 1

Related Questions