使用jQuery动态创建

我想在基于AJAX响应的盒子中动态构建s; 即如果responseText为3，我想构建3个选项：

1 2 3 

以下代码正在运行：

 $("#PAG_PLACEMENT").change(function(){ $.ajax({ type: "post", url: "untitled.asp", data: "iLanguage=1&iPlacement="+$("#PAG_PLACEMENT").val(), success: function(responseText){ //alert(parseInt(responseText)); opts = parseInt(responseText); var routeSelect = $("#PAG_POSITION").get(0); routeSelect.options.length = 0; //reset to zero length for(var i = 0; i < opts; ++i) { routeSelect.options[i] = new Option(i+1,i+1); } } }); }); 

但我想“jQueryfy”的部分：

 var routeSelect = $("#PAG_POSITION").get(0); routeSelect.options.length = 0; //reset to zero length for(var i = 0; i < opts; ++i) { routeSelect.options[i] = new Option(i+1,i+1); } 

更多，有时responseText为null（页面为空白）并解析它当然是一个“NaN”：好吧，在这种情况下，我想填写一个简单的：

 0 

我是一个JS新手，不知道怎么做…请你能帮忙吗？

Answer 1

你可以做：

 var routeSelect = $("#PAG_POSITION").get(0); routeSelect.html(''); //clear-out options if (isNaN(opts) || opts == 0) { //Handles case where your response is invalid or zero routeSelect.append($('').val(0).html(0)); } else { //Add n items to the dropdown for(var i = 0; i < opts; ++i) { routeSelect.append($('').val(i).html(i)); } } 

希望这可以帮助。