使用JQUERY中的選項創建選擇標記

Question

是否有可能在JQuery中創建帶有選項的選擇標記。

  $("<select id="jSelect"> 
     <option value="1">String</option> 
     <option value="2">Number</option> 
     <option value="3">Date</option> 
    </select>").appendTo(".menu li") 

應該這樣工作嗎？它不適合我。

Answer 1

您使用字符串錯誤。你在雙引號字符串中有雙引號，試試這個，javascript中的字符串也不能跨越多行。

$(' <select id="jSelect">'+ 
      '<option value="1">String</option>'+ 
      '<option value="2">Number</option>'+ 
      '<option value="3">Date</option>'+ 
    '</select>').appendTo(".menu li") 

Answer 2

試試這個。

var optionList = ["String", "Number" , "Date"]; 
var combo = $("<select>").attr("id", "jSelect"); 
$.each(optionList, function (j, el1) 
    { 
    combo.append("<option>" + el1 + "</option>"); 
    }); 
combo.appendTo(".menu li");