jQuery select - cannot get option text or value

Question

Using jquery 1.7.1, I'm using json to populate the dropdown. The code works just great and is is stored in a function but called upon document.ready(). I hope someone finds it useful, BUT:

proxy.invoke("fetchCHAA", {},
        function(result) {

            if (result == null) {
                alert("Possible error in fetching list of CHAAs");
                return;
            }
            else {

                var optionsValues = '<select>';
                optionsValues += '<option value=""></option>';
                $.each(result, function() {
                    optionsValues += '<option value="' + this.chaa_id + '">' + this.chaa_name + '</option>';
                });
                optionsValues += '</select>';
                var options = $('#optionsChaa');

                options.replaceWith(optionsValues);


            }


        }, onPageError);

As I said, the problem lies with .change event or even attempting to get the value of the selected item. For example, we know that

var id = $("#optionsChaa").val();
// should bring back the chaa_id

Or:

var text = $("#optionsChaa").text();
// should bring back the chaa name

The problem is that bringing back the ID or TEXT through .val() is always undefined. I've noticed that others seem to have the same problem yet seemingly unable to address it.

I even added the change event to the optionsValue object hoping that it will work after the DOM is loaded but that does not seem to work as well.

I don't want to hard code the list of options on the page but it looks like I might have to.

Aren't you erasing the select's ID with your replaceWith call, meaning jQuery can no longer find it with that selector? — David M
– David M, Commented Feb 15, 2012 at 17:32

Jonathan Rowny · Accepted Answer · 2012-02-15 17:36:28Z

2

Try changing var optionsValues = '<select>'; to var optionsValues = '<select id="optionsChaa">';

The ID is getting lost I think.

edit @David M beat me to it, that's the answer.

answered Feb 15, 2012 at 17:36

Jonathan Rowny

7,5981 gold badge21 silver badges26 bronze badges

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

3 Comments

dawriter Over a year ago

David M and Jonathan. Here's a baseball bat for each one of you. Go gentle, okay? :-) Thanks!

Jonathan Rowny Over a year ago

Ha, I don't want to fight, can I gift some rep?

dawriter Over a year ago

The code works great - dyanmically loading the select drop down but the kicker is when using .change the result is undefined....

Collectives™ on Stack Overflow

jQuery select - cannot get option text or value

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related