Question

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

["Employee","Temporary"]

我的codd for ajax调用并解码结果并警告返回json中的每个元素

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>

同一页面后的表单字段我不会在这里得到空场我做错了什么谢谢

Answer 1

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

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;

解码ajax响应后，出现空的下拉字段

1 个答案: