jQuery:更新,按类,跨度标签与日期picker输入值
jQuery: Update, by class, span tags with datepicker input value?
我如何更新标签/class="able",与日期拾取器值存储在<input id="datepicker">
字段?
步骤:
- 点击"日期指示器"输入字段;日期日历打开。
- 选择日期;"datepicker"
- 单击"Load"按钮。
-
<span>
标签现在等于"datepicker"
class="able"
值的HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery Pass Value Input to SPAN2</title>
<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script src="js/jquery-1.6.2.min.js"></script>
<script src="ui/jquery.ui.core.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<div>
<p>Date: <input id="datepicker" type="text"></p>
<br>
<input type="Button" id="button1" Value="LOAD">
</div>
<span id="result1" class="able"> </span>
<span id="result2" class="able"> </span>
<span id="result3" class="able"> </span>
<span id="result4" class="baker"> </span>
<span id="result5" class="baker"> </span>
<span id="result6" class="charlie"> </span>
</body>
</html>
你需要绑定一个onclick事件到加载按钮并且在onclick函数中你需要像下面这样设置span文本
$('#button1').click (function () {
$('span.able').text($('#datepicker').val());
});
这是JQuery代码:
$("span.able").text($("#datepicker").text());
上面的代码所做的是,用class = "able"选择所有的span标签。然后将其内部文本设置为ID = datepicker文本框中的值。
下面是text()函数的文档:http://api.jquery.com/text/
$("Load-button-selector").click( function(){
$("span.able").html( $("datepicker-filed-selector").val() );
});
相关文章:
- jQuery:更新,按类,跨度标签与日期picker输入值
- 未定义变量错误时,使用jQuery日期picker和PHP
- onSelect日期picker事件不上升
- 不能使用angular.js注入日期picker模块
- 动态javascript内容与文本框使用日期picker
- 多个检查在beforeShowDay - jQueryUI日期picker
- 我如何使用jQueryUI日期picker onSelect,但也在我的主干视图的变化事件
- 如何从JQuery发送日期picker到Node.js服务器
- Jquery UI日期picker -禁用日期在今天之前
- 在javascript中另一个Telerik日期picker的onChange事件上设置Telerik日期picker的
- Casperjs然后点击打开日期picker,但无法检索日历中的任何内容
- Jquery日期picker和Jquery掩码不起作用
- Jquery日期picker -不显示日期在今天之前与其他检查
- AJAX页面中的Jquery日期picker
- 禁用月/日期picker
- 日期picker内部引导弹出窗口
- 如何在jquery UI中设置内联日期picker的日期
- 有人知道如何格式化Jquery的日期picker吗?
- Javascript日期picker工作,直到特定的日期,然后坏了
- Jquery的日期picker功能在firefox中不工作