Форум

Накурикота · #1 (**permalink**) 03.03.2014, 06:00

Всем Привет.
Подскажите, как мне из INPUT передать в переменную JS и потом передать в тег <div id="userfio">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
    <HEAD>
    <TITLE>Заголовок документа</TITLE>
    </HEAD>
<BODY>
<script>
function users()
{
    var userfio = document.getElementById("fio");
       alert(userfio.value);
}
</script>

  <table border = "1">
    <tr>
      <td>ФИО Пользователя</td>
      <td>
          <FORM>
		    <INPUT NAME="username" VALUE ="" SIZE="40" MAXLEGNTH=40 id="fio">
          </FORM>
      </td>
    </tr>
  </table>

<div id="userfio"></div>
<div onclick="users();">Клик</div>
</BODY>
</HTML>

Сейчас просто выходит сообщение пользователю, а хотелось бы что бы выводилось в тег с id="userfio"
Спасибо!

danik.js · #2 (**permalink**) 03.03.2014, 06:57

document.getElementById("userfio").innerHTML = 'bla bla'

Накурикота · #3 (**permalink**) 03.03.2014, 08:17

Сообщение от danik.js

document.getElementById("userfio").innerHTML = 'bla bla'

Я так уже делал и вот что выходит

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
    <HEAD>
    <TITLE>Заголовок документа</TITLE>
    </HEAD>
<BODY>
<script>
function users()
{
    var us = document.getElementById("fio");
    document.getElementById("userfio").innerHTML = us
    //alert(us.value);
}
</script>

  <table border = "1">
    <tr>
      <td>ФИО Пользователя</td>
      <td>
          <FORM>
		    <INPUT NAME="username" SIZE="40" MAXLEGNTH=40 id="fio">
          </FORM>
      </td>
    </tr>
  </table>

<div id="userfio"></div>
<div onclick="users();">Клик</div>

</BODY>
</HTML>

на странице выходит
[object]
Клик

danik.js · #4 (**permalink**) 03.03.2014, 08:48

А почему ты в алерт выводишь us.value, а в innerHTML - просто us?

Накурикота · #5 (**permalink**) 03.03.2014, 08:55

так все понял - спасибо.
выводить нужно значение

function users()
{
    var us = document.getElementById("fio");
    document.getElementById("userfio").innerHTML = us.value;
    //alert(us.value);
}

Форум

Справочник

Discord чат

Курсы javascript