ASP.Net MVC 4 & Jquery Select option

Question

Question: Im building a dynamic list of products which every product contains a "Product Type", im looping through each product but I need to set the selected option for an existing product

$.each(products.All(), function(index, product) {
for(p in productList) {
                $( "#"+product.itemId+"_type" ).append($("<option/>", {
                    value: productList[g].value,
                    text: productList[g].label,
//Need to add something like if(productList[g].value == p.typeId) selected:true
                }));

}

AMS · Accepted Answer · 2014-03-27 10:00:10Z

1

You should use a SelectList as you specified you are using ASP.Net MVC 4

http://msdn.microsoft.com/en-us/library/system.web.mvc.selectlist%28v=vs.118%29.aspx

Two constructors gives you the possibility of setting the selected value. Anyway

you could to this

$("<option/>").attr("selected", "selected");

or

    $.each(products.All(), function(index, product) {
    for(p in productList) {

    // declare here a variable selectedValue

    if(productList[g].value == p.typeId){

    // set here a variable selectedValue 
    }
    else {
    // set here a variable selectedValue 
    }



                $( "#"+product.itemId+"_type" ).append($("<option/>", {
                    value: productList[g].value,
                    text: productList[g].label,
                    selected: selectedValue,
                }));

}

answered Mar 27, 2014 at 10:00

AMS

4492 silver badges13 bronze badges

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

Comments

Nilesh Gajare · Accepted Answer · 2014-03-27 09:53:26Z

0

Try this using javascript :

<script type="text/javascript">

$.each(products.All(), function(index, product) {
     var select = document.getElementById("YourSelect");
             for(p in productList) 
               {
                   var el = document.createElement("option");
                    el.textContent =productList[g].label;
                    el.value = productList[g].value;
                    if(productList[g].value == p.typeId)
                     {
                      el.selected = true;
                     }
                    select.appendChild(el);

               }
   });
</script>

answered Mar 27, 2014 at 9:53

Nilesh Gajare

6,4283 gold badges44 silver badges73 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC 4 & Jquery Select option

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related