设置输入类型=隐藏的偏移量

时间:2014-05-12 14:17:05

标签: jquery html html-form

我有一个input type="hidden"的html元素。我需要附加一个日期选择器,点击一个按钮就可以获得它。

datepicker尝试使用$(attachedElement).offset()来查找自己的位置,这是隐藏元素的(0,0)。

有没有办法为隐藏输入设置偏移?

1 个答案:

答案 0 :(得分:1)

我在一个项目中工作,我们必须做同样的事情。即使我们的解决方案变得比以下更复杂,但该示例或多或少地描述了我们使用的方法!

我们最终使用className包装input.hidden元素!

<form name="shabba-form">

  <input type="text" name="fullname" value="Shabba Ranks">

  <div class="hiddenField">
    <input type="hidden" name="myHiddenInput" value="foo">
  </div>

</form>

现在,您可以选择所需的输入元素,然后检查文档中的父位置!

$(document).ready(function(){

  var data = $('input[name="myHiddenInput"]').parent('.hiddenField ').offset();

  console.log(data);

});

如果您愿意,可以在此处查看实时示例http://jsbin.com/pugux/1/

  • 请记住,包装类可以有任何样式,只要不显示:隐藏,你可以使用visibility:hidden,height:0px,opacity:0和类似的东西使它不可见。

希望这有帮助!