通过单击img显示输入上的显示框
Display box on an input through clicking on img
我想如果我点击图像,那么使用$('.daterangepicker').show();
在输入字段中显示框。
:
onclick="OpenDatePicker('DateAge')
标记:
<span class="DateLabelImage" style="cursor: pointer" onclick="OpenDatePicker('DateAge')"><img class="calendarImage" src="../../img/StatImg.png"></span>
<input type="text" id="DateAge" placeholder="Click to open Date Box" class="AgeChangeInput range"/>
脚本:
<!-- Call datepicker through image button -->
<script>
function OpenDatePicker(DatePicker)
{
var classIt = '.' + DatePicker;
alert(classIt);
// Click on any Input Field.
$(classIt).on('click', function()
{
alert('Good');
// Show Box on click Date.
$('.daterangepicker').show();
});
}
</script>
我试着使用:
.on('click', function()
但这不是工作,因为我没有点击输入字段,而是点击图像
http://jsfiddle.net/vikramjakkampudi/9NMgT/1/
function OpenDatePicker(DatPicke)
{
var classIt = '#' + DatPicke;
alert(classIt);
// Click on any Input Field.
$(classIt).on('click', function()
{
alert('Good');
// Show Box on click Date.
// $('.daterangepicker').show();
$('.ui-datepicker-div').show();
});
}
click事件应该绑定在ready或document中。准备函数。另一件事是'DateAge'是一个id而不是一个类,所以你应该用'#'而不是'.'来调用。
$(document).ready(function () {
$("#DateAge").click(function () {
alert('Good');
$('.daterangepicker').show();
});
});
我认为应该是#
而不是.
。其次,我在标记中找不到.daterangepicker
。我做了我说过的改变。这是链接http://jsbin.com/feyunagi/1/edit
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 隐藏和显示输入无效
- 仅当选择了特定选项时才显示输入字段
- JQuery/JavaScript - 突出显示输入或文本区域中的一部分文本
- Magento:根据所选国家/地区隐藏/显示输入字段
- jquery旋钮显示输入完成
- 禁用浏览器自动选项(显示输入元素中保存的单词)
- keyup显示输入和复选框的总值
- 使用Ajax在另一个页面上显示输入值
- 根据条件使用ng repeat动态显示输入复选框
- 按数字选择显示输入
- 提交时未显示输入字段
- 显示输入值的SQL单列值的简单方法
- 组合功能以使用 Jquery 在一组单选按钮中显示输入字段和单选按钮
- 如何在选择范围时显示输入范围值
- 选中复选框时显示输入文本
- 如何显示输入按钮并关闭当前窗口
- 如何显示输入的网址的页面预览,如脸书墙
- 如何使用ng模型显示输入元素的不同值
- 角度显示输入基础复选框 ng-model 使输入无法访问