jQuery Select HTML Option from Output String of Options

Question

I've got a loop building an option set that I fill up an empty node with using jQuery.

i.e;

var optList = function(){
    var list;
    for(i=0;i<5;i++){
        list += '<option>'+i+'</option';
    }
    return optList;
}
$('#mySelect').html(optList());

My question is, given my output string from optList is there a way of having adding "selected" to a predetermined value? like: <option selected>4</option> using my string? I'm asking because I build my optList BEFORE I am aware of what that predetermined value will be.

can set value (selected) any time using $('#mySelect').val(someValue). Setting value of <select> itself is same as setting selected on the option tag — charlietfl
– charlietfl, Commented Dec 14, 2013 at 19:19
There's no need to add it to the string. Just add it to the element after you convert the string to elements, and once you know the selected value. — cookie monster
– cookie monster, Commented Dec 14, 2013 at 19:19

adeneo · Accepted Answer · 2013-12-14 20:11:02Z

1

You can't return the function, you have to return the list

var optList = function(selected_value){
    var list;
    for(var i=0; i<5; i++){
        var selected = i == selected ? ' selected="selected"' : '';
        list += '<option value="+i+" '+selected+'>'+i+'</option';
    }
    return list;
}

$('#mySelect').html(optList(4));

Or you could use what you have and just do

$('#mySelect').html(optList()).val(4);

edited Dec 14, 2013 at 20:11

answered Dec 14, 2013 at 19:22

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

2 Comments

Howard Zoopaloopa Over a year ago

You are correct, This was just for an example, but I will fix it to avoid confusion.

adeneo Over a year ago

@HowardZoopaloopa - good for you, I've updated the answer with a solution for setting the selected option

Collectives™ on Stack Overflow

jQuery Select HTML Option from Output String of Options

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related