Как заполнить ввод с помощью jquery - PullRequest
Новая
       1

Как заполнить ввод с помощью jquery

0 голосов
/ 28 сентября 2019

Я хочу заполнить поле ввода при щелчке с помощью jquery, в настоящее время я могу заполнить обычное поле HTML, но не поле ввода, поэтому я хочу добиться этого, чтобы включить отправку, поскольку в настоящее время данные, заполненные в поле HTML,не будучи представленным, я верю, что заполнение этих данных в поле ввода сделает возможным их отправку.В настоящее время я использую следующий код для достижения этой цели: 

function populatethefield() {
  document.getElementById("populatethisfield").innerHTML = "data to be populated to the field";
}

Поле html 

< p id="populatethisfield"><p>

Это работает, но я хочу заполнить поле ввода, а не поле абзаца.

Ответы [ 4 ]

0 голосов
/ 28 сентября 2019

Вы можете попробовать это. 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
    <html>
       <script>
          function changeValue(value){
          document.getElementById("input").value= "Hello World";
          }
          
       </script>
       <body>
          <input type="button" onclick="changeValue(2)" value="Button">
           <input type="text" id="input" value="">
       </body>
    </html>
0 голосов
/ 28 сентября 2019

Надеюсь, это то, что вы ищете

$('.populate').click(function(e){
    var data = 'Some Content'
    $("#populatethisfield").html('<input value="'+data+'">')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<p id="populatethisfield"></p>

<button class="populate">Populate Input</button>
0 голосов
/ 28 сентября 2019

Если вы хотите получить чистое решение jquery, используйте метод val() для полей ввода. 

$('.populate').on('click', function() {
    $('#target').val("data to be populated to the field");
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>

<input type="text" id="target" placeholder="test" />
<button class="populate">Populate Input</button>
0 голосов
/ 28 сентября 2019

Когда вы пытаетесь изменить значение поля ввода, вы должны получить доступ к свойству значения, потому что у входных данных нет innerHTML, а value.Смотрите код ниже для демонстрации: 

<input type="text" id="target" placeholder="test" />

<script>
document.getElementById('target').value = "Value Updated.";
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...