How to set jquery value in dropdown

Question

How will i set selected value=Booking.

$('#status').val("Booking");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="status" class="form-control">
   <option value="" id="status">New</option>
    <option value="">Follow</option>
    <option value="">DND</option>
   <option value="">Dead</option>
</select>

All your `value=""` attributes are empty. That's not a good thing. Either fill them with (uique) values or omit them in the first place — yunzen, Jan 30 '19 at 11:43
`Booking` seems not to be a value which any of the options has. — yunzen, Jan 30 '19 at 11:43
But i want there booking value from jquery and it should be selected — user10954362, Jan 30 '19 at 11:45
actually, your code is working, it is setting `booking` to the `value` property of the elem `option#status`. I saw no errors, if you inspect the element you'll see the value there — Calvin Nunes, Jan 30 '19 at 11:45
@user10954362 but where is `Booking` that you're looking to get? — Alexandre Elshobokshy, Jan 30 '19 at 11:50
[Set selected option of select box](https://stackoverflow.com/questions/4680075/set-selected-option-of-select-box/4680101) Try this soluction. — monofal, Jan 30 '19 at 11:51
@user10954362 Do you mean that you want to add a new option the the select, when it is not present? — yunzen, Jan 30 '19 at 14:05

score 1 · Accepted Answer · answered Jan 30 '19 at 11:45

1

try to follow the below example. there is no booking option in your select add it like below code

$('#mySelect')
         .append($("<option></option>")
                    .attr("value",key)
                    .text("Booking"));

answered Jan 30 '19 at 11:45

Usama Kiyani

195
10

but it is not selected – user10954362 Jan 30 '19 at 12:16
Execute you code after adding the option ```$('#status').val("Booking");``` – Usama Kiyani Jan 30 '19 at 12:37

Silvio Biasiol · Answer 2 · 2019-01-30T12:23:07.620

Try this:

<select id="status" class="form-control">
   <option value="">New</option>
    <option value="">Follow</option>
    <option value="">DND</option>
   <option value="">Dead</option>
  <option value="Booking">Booking</option>
</select>

and the script should be:

$(document).ready(function() {
  $('#status').val("Booking");
});

Also I have changed the name attribut to id since you are referring it using the '#' :)

score 0 · Answer 3 · answered Jan 30 '19 at 11:58

0

There should be any value of option like below so when you want to select booking option. so according to me it should be like that please check Is that matching with your requirement.<option value="new">New</option>

answered Jan 30 '19 at 11:58

chhavi

1
1

How to set jquery value in dropdown

3 Answers3