2015-06-16 2 views
0

У меня есть этот элемент ввода:Как установить значение ввода (текстовое поле) с помощью jQuery?

<input type="text" id="txtbxYear"> 

... и это JQuery, чтобы получить текущий год:

var now = new Date(); 
var year = now.getFullYear(); 

... и попытался все следующие, чтобы установить значение от «текстового поля» до текущего года:

$("#txtbxYear").html(year); 
$("#txtbxYear").val(year); 
$("#txtbxYear").text(year); 

$("#txtbxYear").html(year.ToString()); 
$("#txtbxYear").val(year.ToString()); 
$("#txtbxYear").text(year.ToString()); 

... но никто из них не работает.

Что будет работать?

+1

попробовать console.log (year.ToString()) чтобы убедиться, что это не пусто – stackoverfloweth

+1

Используйте 'val'. Работа здесь: https://jsfiddle.net/fxams0ja/ – lmgonzalves

+1

У вас есть загруженный jQuery? Ваш код для получения текущего года - это чистый JavaScript. – Phylogenesis

ответ

1

Это отлично работает для меня (см jsfiddle):

JS:

var now = new Date(); 
var year = now.getFullYear(); 

$('#year').val(year); 

HTML:

<input id="year"> 

output

Если бы я тебя, я хотел бы сделать что вы включили jQuery прямо перед закрытием </body> тег, или в <head> (лучше в организме), и что, если это в голове, вы заключите все с:

$(function() { ... }); 

Это запись, которая проверяет первый, чтобы увидеть, если DOM полностью загружена перед выполнением какой-либо код. Помните, что при манипулировании DOM с помощью JavaScript вы всегда должны убедиться, что элементы загрузились первыми.

+0

Проблема заключалась в том, что у меня были все три попытки на странице, и, таким образом, тот, который работал (val (year)), был заменен следующим, который не был (text.year) –

1

Вам не нужно JQuery, он прекрасно работает с чистым JS ... запустить ниже фрагмент кода:

var now = new Date(); 
 
var year = now.getFullYear(); 
 
var textbox = document.getElementById('txtbxYear'); 
 
textbox.value = year;
<input type="text" id="txtbxYear">

+0

Я использую jQuery в любом случае, поэтому мне все равно, какие биты я использую, это «чистый» Javascript и jQuery. –

+0

@ B.ClayShannon gotchya, Если вы уже используете его, можете также воспользоваться этим :) – Ted

+0

Вы только что сказали, что он мне не нужен ... ??? –

Смежные вопросы