Как изменить значения элементов формы в HTML - PullRequest
Новая
       11

Как изменить значения элементов формы в HTML

2 голосов
/ 19 июля 2010

У меня есть этот кусок простого кода. 

<html>
<head>

  <script type="text/javascript">
    function changeText()
    {
       var form = document.forms['detail'];
       form.desc.value="success";
    }
  </script>
</head>
<body>
  <form name="detail">
    <input type="text" name="desc" id="desc" >
    <input type="submit" value="changetext" onClick=changeText()>
  </form>
</body>
</html>

Когда я запускаю его в браузере Mozilla, значение текстового поля с именем "desc" изменяется, но исчезает сразу ... т.е. оно не отображается навсегда истановится пустым.

Как я могу это исправить.

С уважением, Виджай

Ответы [ 5 ]

3 голосов
/ 19 июля 2010

Попробуйте использовать: 

<input type="submit" value="changetext" onClick="changeText(); return false;">

Похоже, ваша страница обновляется, и, вероятно, поэтому текст вашего поля исчезает. Если ваш onClick слушатель вернет false, это предотвратит это поведение по умолчанию.

1 голос
/ 19 июля 2010

вы можете присвоить этому текстовому полю идентификатор

и затем запустите document.getElementById ("textboxid"). Value = "success";

, который будет работать во всех браузерах

0 голосов
/ 19 июля 2010

парень Шаллер

document.getElementById ("textboxid"). Value = "success";

хорошая идея!

Виджаякумар-н

попытаться сохранить var form = document.forms ['detail']; в скрытом входе! тогда вы всегда сможете добраться до данных формы ..

0 голосов
/ 19 июля 2010 
<input type="text" name="txt" id="txt" value="Name" onblur="if(this.value.length == 0) this.value='Name';" onclick="if(this.value == 'Name') this.value='';" />
0 голосов
/ 19 июля 2010

Форма отправляется после нажатия кнопки, которая набрана как "submit" - страница перезагружается.

Верните false из метода changeText() и измените onClick=changeText() на onClick="return changeText();", чтобы предотвратить отправку формы.

Кроме того, вы можете изменить тип кнопки с "submit" на "button", чтобы предотвратить отправку. Затем вам нужно будет добавить еще одну кнопку отправки (даже для возврата false вам потребуется найти другой способ отправки формы).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...