Блог

Должно быть, это что-то совершенно глупое, что я сделал или делаю, но у меня есть входные данные с атрибутом value, который просто не отображается:

 <div class="input text required">
  <label for="Product0Make">Make</label>
  <input name="data[Product][0][make]" 
         type="text" 
         maxlength="255" 
         value="AC Make" 
         id="Product0Make">
</div>
  

Кто-нибудь когда-нибудь видел это раньше? У меня какая-то опечатка, на которую я просто не обращаю внимания? Чего бы это ни стоило, вот код CakePHP, который генерирует эту строку:

 <?php echo $this->Form->input( 'Product.' . $index . '.make', array( 'default' => $product['Product']['make'] ) ) ?>
  

У меня есть небольшая форма с несколькими текстовыми вводами, 1 текстовой областью и 2 выбора. Ни одно из значений текстового ввода не отображается, но все остальное в порядке.

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

Ага. Я знал, что это будет что-то за гранью глупости. Была часть Javascript, которая очищала данные. Очистка была полезна в других местах, но я не знал, что она выполняется, поэтому отследить ее было серьезной проблемой. Как только я предотвратил очистку в этом сценарии, мои значения действительно появились. Поскольку я просматривал код в web inspector, я предположил, что это будет «живой» просмотр, но я предполагаю, что это не совсем так.

Спасибо всем за вашу помощь.

С моей стороны, это было проблемой только для Firefox.

Я решил проблему, добавив атрибут autocomplete="off" в поле ввода.

 <input type="text" value="value must appear" autocomplete="off"/>
  

Мой был связан с AngularJS

Я пытался поместить как значение HTML, так и ng-Model, думая, что значение по умолчанию будет равно ng-Model, потому что я был слишком ленив, чтобы добавлять модель в $ scope в контроллере…

Итак, ответом было присвоение этого значения по умолчанию переменной $scope. в контроллере.

Для меня это было кэширование в браузере. Может помочь изменение строки URL или очистка истории.

Для пользователей Google, у которых может возникнуть такая же проблема: это может произойти, если у вас есть нечисловое значение в number поле ввода типа.

Например:

 <input type="number" value="<? echo $myNumberValue; ?> "/>
  

Это ничего не покажет, даже если Dev tools говорит, что значение есть, поскольку дополнительный пробел после ?> делает его нечисловым. Просто удалите лишнее пространство.

Вы путаете использование параметров ‘default’ и ‘value’ для $html-> input()?

Если вы используете 'default' => $product['Product']['make'] и $this-> data присутствует, поле не будет заполнено. Назначение параметра ‘default’ — отображать значение по умолчанию, когда отсутствуют данные формы ($this-> data).

Если вы хотите принудительно отобразить значение, вам следует вместо этого использовать параметр ‘value’. 'value' => $product['Product']['make']

Для меня это было потому, что я использовал <input> тег, не заключая его в <form> тег

Та же проблема возникла в electron:

Я очищал поле с помощью document.getElementById('_name').value = '' вместо document.getElementById('_name').setAttribute('value', "") .

Итак, я предполагаю, что простая цитата нарушила поле или у ввода есть атрибут second value hidden, потому что я мог бы переписать поля, и это не изменит значение в инспекторе

Была аналогичная проблема с входным значением, полученным через ajax, правильно установленным и проверяемым через консоль браузера, но не видимым. Проблема заключалась в другом поле ввода, имеющем тот же идентификатор, и это не было заметно из-за нескольких включенных файлов JSP, многие из которых имеют формы.

Я даже установил автозаполнение в «выкл» без результата. В итоге я поместил следующий фрагмент jquery в событие document.ready.

 myForm.find("input").each((i, el) => {
  $(el).val($(el).attr("value"));
});
  

Кроме того, это было бы эквивалентно в чистом es2015:

 document.querySelectorAll("myForm input").forEach(el => {
  el.value = el.getAttribute("value");
});
  

Если вы не используете предварительную компиляцию, такую как Babel, и вам нужна совместимость со старыми версиями браузера, измените «(el) =>» на «функция (el)». Я попробовал оба кода в своем сценарии и все сработало нормально.

Для меня проблема заключалась в том, что у меня было несколько входных данных с одинаковым идентификатором. Я мог видеть значение в поле, но чтение его через javascript дало пустое значение, потому что оно считывало другой ввод с тем же идентификатором — я был удивлен, что не было ошибки javascript, просто не мог прочитать значения, которые я мог видеть в форме.

Для меня это был неправильный формат чисел: Chrome ожидал «49.1», но ASP.NET передано «49,1», и оно просто не отобразилось!

 <input type="number" value="49,1"/>    // Should have been 49.1 !!!
  

У меня была такая же проблема с @Rob Wilkerson, onchange() очищал значение ввода с помощью "" , поэтому я изменил на 1 . Такая глупая проблема!

 HTML
<input class="form-control inputCustomDay" type="text" id="txtNumIntervalo" onkeyup="changeTipoOptions()" value="1" min="1" />
  

 Jquery
$("#txtNumIntervalo").val(1);
  

Мой был связан с Angular.

Недавно я столкнулся с такой же проблемой и понял, что при использовании NgIf для отображения шаблона указанный шаблон автоматически не использует отображение данных из переменных в компоненте.

В качестве быстрого исправления я использовал ngClass только для того, чтобы скрыть его и отобразить.

Если кто-нибудь случайно оказался здесь, потому что их ввод с type="dateTime-local" не отображает значение… значение должно быть в формате ГГГГ-ММ-DDThh: мм