Add selected in option using jquery

Question

I am trying to have one of the values in my list selected. I also have a hidden field which I have to match the values in the option of the selection. If it finds one then this has to be selected.

This is the code I have.Hidden field html code.

   <input type="hidden" id="supp" name="supp" value="<?php echo $_POST['suppliers'];?>" />

My js:

<script type="text/javascript">
$(document).ready(function() {
var addSelected = $('#supp').val();
$("#suppliers option[value='" + addSelected + "']").attr("selected","selected");

console.log(addSelected);
});

</script>

The code above is not working.

Are you getting some error on the javascript console? What is the value of addSelected? — shyam
– shyam, Commented Apr 25, 2013 at 10:03

Cezary Wojcik · Accepted Answer · 2013-04-25 10:08:35Z

1

Here's a jsFiddle that shows a better way to do this: http://jsfiddle.net/ATJvv/

You can just call .val on the <select> itself.

answered Apr 25, 2013 at 10:08

Cezary Wojcik

21.9k6 gold badges39 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cezary Wojcik Over a year ago

It is working. Change the value of the #supp hidden input and click run. The select will have that option chosen.

karaxuna · Accepted Answer · 2013-04-25 10:03:36Z

0

try this:

$("#suppliers option").each(function(index, element){
     element.selected = element.value === addSelected;
});

answered Apr 25, 2013 at 10:03

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

Collectives™ on Stack Overflow

Add selected in option using jquery

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related