为什么我无法将数据输入到InfoWindow（Google Map）内的<input type =“text”/>

Question

我在下面用这段代码输入HTML input type="text"中的文字，这很奇怪，因为我无法在第二个input type="text"中输入数据。请看下面的图片。

注意：下面的html代码由WebView加载。

代码：

if(window.XMLHttpRequest){
   info.setContent("<p style='color:black; font-size:15px;'>Loading...<p>");
   xmlhttp = new XMLHttpRequest();
   xmlhttp.onreadystatechange =  function(){
   if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
       var address = JSON.parse(xmlhttp.responseText);
       if(address.results){
           addresstext = address.results[0].formatted_address;
           var loctitle = "<p style='font-size:13px; font-weight: bold; padding-bottom: 5px'>Location</p>";
           var loctext = "<p style='font-size:13px;'>"+addresstext+"<p>";
           var infotitle = "<p style='font-size:13px; font-weight: bold; padding-top: 10px; padding-bottom: 5px'>Additional Info</p>";
           var label1 = "<label style='font-size:13px;'>Blk No / Lot No : <label>";
           var label2 = "<br><label style='font-size:13px;'>Building Name : <label>";
           var blkno = "<input type='text'></input>";
           var bldng = "<input type='text'></input>";
           info.setContent(loctitle + loctext + infotitle + label1 + blkno + label2 + bldng);
           info.open(map,marker);
        }
     }
  }
 xmlhttp.open("GET","http://maps.googleapis.com/maps/api/geocode/json?latlng="+location+"&sensor=true",true);
 xmlhttp.send();

图片：

每当我输入该文本字段时，它都会返回第一个文本字段！

Answer 1

1. 您在结束标记</label>时错过了斜杠，请尝试下一步：

   var label1 = "<label style='font-size:13px;'>Blk No / Lot No : </label>";
   var label2 = "<br><label style='font-size:13px;'>Building Name : </label>";
   

2. 为您的输入标记添加ID：

   <input id='blkno' />
   <input id='buildingname' />