HTML значение формы

Question

Я создаю HTML-форму с текстовыми полями.Я хочу, чтобы значения по умолчанию отображались в текстовых полях при загрузке страницы.

см. Код ниже:

<form action="" onsubmit="">    
  Zip Code: <input id="address" type="textbox" value="">  
  Zip Code:<input id="address" type="textbox" value="78728"/>
  Radius:<input id="radius" type="textbox" value="#session.preferences.view_Radius_Map#"/>miles
  <input type="button" value="Add Radius" onclick= "drawCircle()">
  <input type="button" value="Undo" onclick=" Undo()">
  <input type="button" value="Reset" onclick= "clearMap()">
</form>

по некоторым причинам, когда я пытаюсь удалить строку, которая не имеет значения для почтового индекса, значение для второго текстового поля почтового индекса (котороезначение, установленное для почтового индекса) не отображается.Что является причиной этого и как я могу исправить это так, чтобы мне приходилось вводить текстовые поля с полями Почтовый индекс и Радиус, в которых значения по умолчанию отображаются при загрузке страницы?

Answer 1

У меня нормально работает, когда я удаляю первый почтовый индекс <input>: http://jsfiddle.net/LFYnH/

Answer 2

попробуйте дать им другой идентификатор.Например.«Адрес» и «Адрес2»

Answer 3

Попробуйте присвоить второму полю другой идентификатор.У вас есть два поля ввода с одинаковыми id="address".

.

Answer 4

используя jQuery, вы можете сделать что-то вроде этого:

Для каждого входного текста установить значение по умолчанию

<input type='text' data-default='your default text' />

Затем вы должны добавить два шага в JavaScript. Сначала загрузите текст по умолчанию в поле при загрузке страницы и прослушайте событие фокуса

jQuery(document).ready(function(){
    jQuery(input)
        .each(function(index, element){
            jQuery(element).val(jQuery(element).data('default'));
        })
        .focus(function(evt){
             var taget = evt.target;
             if(jQuery(target).data('default') == jQuery(target).val()) jQuery(target).val("");
        });
});

Когда ввод получает фокус, он проверяет, является ли текущий текст текстом по умолчанию, и в этом случае javascript очищает поле, в противном случае ваш текст безопасен в текстовом поле

Помните, что идентификатор уникален, у вас не может быть двух элементов с одинаковым идентификатором "адрес"

Надеюсь, это поможет

Answer 5

Измените id в первых двух тегах input на классы, чтобы их можно было использовать повторно и убедитесь, что все ваши теги input (и другие теги) правильно закрыты. Первый input у вас не правильно закрыт.

Answer 6

В некоторых из ваших входных тегов отсутствует закрывающий '/'

Zip Code: <input id="address" type="textbox" value="">  

Это может вызвать проблему.

Answer 7

Как вы удаляете строку без значения в ней? С Javascript, JQuery?

Обе эти строки не должны иметь одинаковый идентификатор. Сделайте их как address1 и address2 или что-то еще.

Затем вы можете использовать JQuery или что-то, чтобы удалить первый (или просто скрыть), выполнив:

$('address1').hide();

Вы также можете проверить, не имеет ли оно значения, посмотрев его также через JQuery:

$('address1').val();

Answer 8

Идентификатор предназначен для одноразового использования.Если вам требуется, чтобы он был на нескольких элементах, вы должны использовать класс.