Блог

Главная - Вопросы по программированию - Запрос на ввод имени во ввод

Запрос на ввод имени во ввод

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я планирую создать приглашение JavaScript, в котором вы можете ввести свое имя, и оно перейдет к значению «s». Как я могу заставить код работать? Я попробовал приведенный ниже код, но, похоже, для этого нужен jQuery 1.7.1

 function getName() {
    do {
        var name=prompt("Please enter your CLAM username");
    }
    while(name.length < 4);
    $('#myinput').val(name);
}

getName();

HTML

 <input id="myinput"/>

Я ожидаю, что результат будет <input id="myinput" value"name from prompt">

Ответ №1:

 $('myinput').val(name);

предназначен только для jquery. если вы не хотите использовать jquery, используйте это

 document.getElementById('myinput').value = name;

для чистого javascript..

Вот мой ответ на это.

 <input id="myinput"/>

<script type="text/javascript">
    function getName() {
    do {
        var name=prompt("Please enter your CLAM username");
    }
    while(name.length < 4);
    document.getElementById('myinput').value = name;
}
getName();
    </script>

примечание: не ставьте свой <input id="myinput"/> внизу, иначе вы получите null. поместите его над сценарием.

Ответ №2:

На самом деле вам не нужен jQuery для этого:

 function getName() {
  do {
    var name = prompt("Please enter your CLAM username");
  }
  while (name.length < 4);
  document.getElementById("myinput").value = name;
}

getName(); 
 <input id="myinput" />

Если вы действительно хотите использовать jQuery, импортируйте более новую версию:

 function getName() {
  do {
    var name = prompt("Please enter your CLAM username");
  }
  while (name.length < 4);
  $("#myinput").val(name);
}

getName(); 
 <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<input id="myinput" />

Ответ №3:

Потому что строка кода $('#myinput').val(name) представляет собой синтаксис jquery.

Вы можете изменить его на javascript,

 document.getElementById('myinput').value = name;

он равен $('#myinput').val(name); 

 function getName() {
    do {
        var name=prompt("Please enter your CLAM username");
    }
    while(name.length < 4);
    document.getElementById('myinput').value = name;
}

getName();

   
 <input id="myinput"/>
Метки: