За последние 24 часа нас посетил 19661 программист и 1655 роботов. Сейчас ищет 1461 программист ...

Как можно очистить поле input при помощи JavaScript?

Тема в разделе "JavaScript и AJAX", создана пользователем ekip, 12 фев 2010.

  1. ekip

    ekip Активный пользователь

    С нами с:
    11 авг 2009
    Сообщения:
    118
    Симпатии:
    0
    HTML:
    1. <script language="javascript" type="text/javascript">
    2. function Insert8(foto)
    3. {
    4.     element = document.getElementById("foto");
    5.     element.focus();
    6.  
    7.    if (element.selectionStart >= 0)
    8.    {
    9.       start = element.selectionStart;
    10.       end = element.selectionEnd;
    11.  
    12.       beforeStart = element.value.substr(0, start);
    13.       selected = element.value.substr(start, (end - start));
    14.       afterEnd = element.value.substr(end, (element.value.length - end));
    15.       element.value = beforeStart + "" + foto + "" + afterEnd;
    16.  
    17.   } else
    18.  
    19.    if (document.selection)
    20.        {
    21.    SelectedText = element.document.selection.createRange();
    22.    SelectedText.text =""+ foto +"";
    23.        }
    24. }
    25. // -->
    26.  
    27. <input type="text" id="name" name="name"  value="" class="enter" size="100">
    28. <input type="text" id="foto" name="fotos"  value="" class="enter" size="100" disabled="false">
    29. <select name="menuChoise">
    30. <option value="no_select_made">Изображение</option>
    31. <option value="Нет изображения" onclick='Insert8("none.gif")'>Нет изображения</option>
    32. <option value="Первое изображение" onclick='Insert8("1.gif")'>Первое изображение</option>
    33. <input type="submit" value="Отправить">
    34. </form>
    35. </html>
    Есть форма в которой 2 поля input в 1 поле вписывается название, во 2 поле input вставляется выбранное значение из раскрывающегося списка select, и это поле нельзя редактировать ручками disabled="false", иногда возникает такое что человек ошибается и неправильно выбирает значение из раскрывающегося списка.
    Нужно прикрутить кнопку очищающую только поле id="foto" а не всю форму.
    Что можете посоветовать?
     
  2. Simpliest

    Simpliest Активный пользователь

    С нами с:
    24 сен 2009
    Сообщения:
    4.511
    Симпатии:
    2
    Адрес:
    Донецк
    Во-первых такое поле не будет передаваться на сервер.
    Можно сделать readonly они не редактируются но передаются на сервер.
    HTML:
    1.  
    2. <form action="" method="post">
    3. <input type="text" name="normal" value="normal"/>
    4. <input type="text" name="disabled" value="disabled" disabled/>
    5. <input type="text" name="readonly" value="readonly" readonly/>
    6. <input type="submit"/>
    7. </form>
    8. <?php
    9. var_dump($_POST);
    Во-вторых:
    Ну ошибся человек и ошибся - пусть выбирает снова и новое значение запишется в поле.
    Для чего его очистить? Впрочем можно и очистить

    [js]document.getElementById('id').value = '';[/js]
     
  3. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    Гм... а почему нельзя обойтись одним select'ом?