JQuery将值复制到div类中

Question

绝对不在我的脑海里。这听起来像是一件非常简单的事情，但却无法让它发挥作用！

基本上，我有一个JQuery UI Datepicker的隐藏输入字段结果。我已经隐藏了输入类型，当我选择一个日期时，它会填充Value字段，而我现在想要获取'value'并将其放在div中。

有人能帮助我吗？

Answer 1

假设你有这样的标记：

<input id="date" type="hidden" value="1/1/2013" />

<div id="value">
</div>

通过调用.val()选择输入值，并通过调用html()

设置div内容

$("#value").html($("#date").val());

如果您使用此日期选择器，则在用户选择日期或更改日期时使用datepickers onSelect事件进行更新。

在声明datePicker

时执行类似的操作

$(".datepicker").datepicker({
    onSelect: function(){
         $(".show_date").html($(this).val());
    }
});

因此，每当datepicker的值发生变化时，.show_date都会使用datepicker的值进行html更新。你也不需要隐藏的领域。

请参阅此jsFiddle