Нужно получить идентификатор значения во входе - PullRequest
Новая
       11

Нужно получить идентификатор значения во входе

0 голосов
/ 09 мая 2018

Мне нужна помощь с этим кодом. Я пытаюсь получить значение id="address" во входе с именем localizacion, я пробовал несколько вещей и все еще не нашел правильный ответ, в основном мне нужно получить значение, которое показывает <div id="address"> и получить его в поле ввода. 

function updateMarkerAddress(str) {
  document.getElementById('address').innerHTML = str;
}
<head>
  <script>
    var a = document.getElementById('address').value;
    document.forms['formula'].elements['localizacion'].value = a;
  </script>
</head>
<div>
  <form>
    <label for="localizacion"><b>Localización </b></label>
    <input class="form-control" type="text" placeholder="" name="localizacion" style="height: 10px; width: 299px; margin-left: 6px;" disabled><br />
    <label><b>Seleccione su localizacion: </b></label><br>
    <div id="mapCanvas"></div>
    <div id="infoPanel">
      <b>Marker status:</b>
      <div id="markerStatus"><i>Click and drag the marker.</i></div>
      <b>Current position:</b>
      <div id="info"></div>
      <b>Closest matching address:</b>
      <div id="address"></div>
    </div>
    <br>
  </form>
</div>

Снимок экрана с вопросом:

SCREENSHOT OF WHAT'S THE ISSUE

Ответы [ 2 ]

0 голосов
/ 09 мая 2018

Попробуйте, используйте 

var a = document.getElementById('address').innerHTML;

чтобы получить значение адреса 

document.getElementsByName("localizacion")[0].value = a;

для установки значения локализации 

var a = document.getElementById('address').innerHTML;
document.getElementsByName("localizacion")[0].value = a;
<input class="form-control" type="text" placeholder="" name="localizacion" style="height: 10px; width: 299px; margin-left: 6px;" disabled>

<div id="address">Sample</div>
0 голосов
/ 09 мая 2018

Вы можете выбрать целевой класс form-control и установить его в качестве значения innerText для address. 

setInterval(function(){ 
//Update the localizacion box every 0.5 seconds
var a = document.getElementById('address').value;
document.getElementsByClassName("form-control")[0].value = a;
}, 500);

Я избавился от тегов <i>. Используйте CSS вместо курсива. Также удалены теги <b> для тегов <strong>. Надеюсь это поможет. Fiddle 

function updateMarkerAddress(str) {
 	document.getElementById('address').innerHTML = str;
 }
 var a = document.getElementById('address').innerText;
 document.getElementsByClassName("form-control")[0].value = a;
//document.forms['formula'].elements['localizacion'].value = a;
#markerStatus{
  font-style: italic;
}
<label for="localizacion"><b>Localización </b></label>
<input class="form-control" type="text" placeholder="" name="localizacion" style="height: 10px; width: 299px; margin-left: 6px;" disabled><br>
<label><strong>Seleccione su localizacion: </strong></label><br>
<div id="mapCanvas"></div>    
<div id="infoPanel">
<strong>Marker status:</strong>
<div id="markerStatus">Click and drag the marker.</div>
<strong>Current position:</strong>
<div id="info"></div>
<strong>Closest matching address:</strong>
<div id="address">Some Address</div>
</div>
<br>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...