日期:2014-05-16  浏览次数:20822 次

新手再问个AJAX问题,ajax接收的数据这么填充到FORM里


        我的代码里是html+Ajax,不带插件的。
        str = xmlhttp.responseText;    
        canshu = str.split( "\n" );
        alert(canshu);
     document.getElementById('port1').innerHTML=canshu[0];
     document.getElementById('port2').innerHTML=canshu[1]; 
     document.getElementById('port3').innerHTML=canshu[2];
        数据能正常接收到了。
        但是没法填到对应的位置。

       <div> id="xx" </div>这么放呢?
       (1)
       <td>PORTX<br> 
       <input type="text" maxlength="20" size="20" name="portx" value=""
       </td>
       (2)
        </td>
        <td >PORT1<br>
        <select name="port1">
        <option value="0">OFF
        <option value="1">ON
        </select>

        坐等答案.


------解决方案--------------------
select设置innerHTML不会选中对应的项,反倒会清楚掉option对象。。而且你的select只有name,并没有id属性

设置selectedIndex属性,下标从0开始。。如果返回的是0/1的内容,直接用下面的

document.getElementById('port1').selectedIndex=canshu[0]



加id
<select name="port1" id="port1">
------解决方案--------------------
引用:
select设置innerHTML不会选中对应的项,反倒会清楚掉option对象。。而且你的select只有name,并没有id属性

设置selectedIndex属性,下标从0开始。。如果返回的是0/1的内容,直接用下面的

document.getElementById('port1').selectedIndex=canshu[0]



加id
<select name="port1" id="port1">

+1