1

在使用 ajax 调用 Web 服务后，我得到了一个这样的 json，我已经解码了 json，以将每个值作为员工和临时的一个接一个地提醒，现在我想将这些值带入一个下拉字段带有 id 超的表单，我得到 2 个空字段用于下拉 + 值；我已经解码了。我在项目中的 json 响应是 

["Employee","Temporary"]

我的 ajax 调用和解码结果并提醒返回 json 中的每个元素的 codd

function ajax(){
 var loc=document.getElementById('category_id1').value;
alert(loc);
var req;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
req=new XMLHttpRequest();
}
 else
 {// code for IE6, IE5
 req=new ActiveXObject("Microsoft.XMLHTTP"); 
}
req.open("POST", "ajax.php?&loc="+loc+"", true);
req.send();
var html
req.onreadystatechange=function(){
   if(req.readyState==4&&req.status==200){
       //$(".error").hide();
       result=req.responseText
       //alert(result);
       var items = JSON.parse(result);
       //alert(items.length)
       for(var i=0; i<items.length; i++)
        {
            var item = items[i];
            //alert(item);
            html=html+"<option value="+item+">"+item+"<option>"
        }

       }
       document.getElementById("Ultra").innerHTML=html
   }
 }
<form>
<label for="subcategory">Sub Category</label>
<select style="width:305px" name="subcategory" id="Ultra" onchange="run()"> 
<option value="">Select</option>
</select>
</form>

在同一页面上之后的表单字段是我在这里没有得到空字段我做错了什么谢谢

4

1 回答 1

0

首先，您在模板（未闭合标签）中犯了错误，我建议使用引号来定义选择值。你正在使用

html=html+"<option value="+item+">"+item+"<option>"

代替

html=html+"<option value='"+item+"'>"+item+"</option>"

我创建了简单的 jsfiddle 来演示它是如何工作的：http: //jsfiddle.net/KPGhY/

还为那些感兴趣的人添加代码：

HTML是一样的，JS是：

var items = [ "Employee", "Temporary" ];
var html = '<option value="">Select</option>';
for ( var i = 0; i < items.length; i++ ) {
    html += "<option value='" + items[ i ] + "'>" + items[ i ] + "</option>"
}

document.getElementById("Ultra").innerHTML = html;
于 2013-04-11T11:31:43.387 回答