Javascript earing你也能告诉我们吗？我不能，除非你分享一个工作片段（使用工具栏中的），并告诉我们它应该做什么。非常感谢。我知道了，但我的下拉列表仍然没有出现。你也能告诉我们吗？我不能，除非你共享一个工作片段（使用工具栏中的），并告诉我们它应该做什么。 //Jso

---

earing你也能告诉我们吗？我不能，除非你分享一个工作片段（使用工具栏中的

），并告诉我们它应该做什么。非常感谢。我知道了，但我的下拉列表仍然没有出现。你也能告诉我们吗？我不能，除非你共享一个工作片段（使用工具栏中的

），并告诉我们它应该做什么。

//Json object retrieved from database
var tmp = {"category_id":4,"product_available_quantity":20,"product_color":["Red","Blue","Yellow"],"product_condition":"new","product_description":"Branded Metal Body 4 Star","product_discount":0,"product_id":1,"product_img_url":"http://localhost:5224/ebaytester/images/s-l1600.jpg","product_name":"Motorola Cover","product_price":250,"product_shipping":"free","product_sold_quantity":10,"sub_category_id":7};

//dropdown code for color
    var col_div = document.createElement('div');
    col_div.className = "dropdown";
    var col_btn = document.createElement('button');
    var col_span = document.createElement("span");
    col_span.className = "caret";
    col_btn.className = "btn dropdown-toggle";
    col_btn.setAttribute("type","button");
    col_btn.setAttribute("data-toggle","dropdown");
    text_node = document.createTextNode("Select");
    col_btn.appendChild(text_node);
    col_btn.appendChild(col_span);
    col_div.appendChild(col_btn);
    var ulst = document.createElement('UL');
    ulst.className = "dropdown-menu";
    var color = tmp['product_color'];
    document.write(tmp['product_color'].length);
    for(var i=0;i<tmp['product_color'].length;i++) 
        {

        var list = createElement('li');
        var anc = createElement('a');
        text_node = createTextNode(tmp['product_color'][i]);
        anc.setAttribute('href','#');
        anc.appendChild(text_node);
        list.appendChild(anc);
        ulst.appendChild(list);
        document.write(tmp['product_color'][i]);
        }
    col_div.appendChild(ulst);


    document.getElementById("second").appendChild(col_div); 

function createElement( name )
{
    return document.createElement( name );
}

 var tmp = { "category_id": 4, "product_available_quantity": 20, "product_color": ["Red", "Blue", "Yellow"], "product_condition": "new", "product_description": "Branded Metal Body 4 Star", "product_discount": 0, "product_id": 1, "product_img_url": "http://localhost:5224/ebaytester/images/s-l1600.jpg", "product_name": "Motorola Cover", "product_price": 250, "product_shipping": "free", "product_sold_quantity": 10, "sub_category_id": 7 };
   window.onload = function () {
       //dropdown code for color
       var div = document.querySelector("#container"),
        frag = document.createDocumentFragment(),
         select = document.createElement("select");
       var options = tmp.product_color;
       select.options.add(new Option("--Select--", "-1", true, true));
       for (var i = 1; i < options.length;i++)
           select.options.add(new Option(options[i], options[i]));
       frag.appendChild(select);
       div.appendChild(frag);
   }

<div id="container">

</div>