【问题标题】:jQueryMobile can't get value of input textbox on iPhonejQueryMobile 无法在 iPhone 上获取输入文本框的值
【发布时间】:2011-09-23 15:54:13
【问题描述】:

我有一个带有一些输入的简单 jQM 表单,问题是在 iPhone 上测试时我无法通过 JS 检索输入的值,主要桌面浏览器正在运行。

这是表格的一部分:

<div data-role="fieldcontain">
   <input type="text" name="fname" id="fname" />


   <input type="text" name="lname" id="lname" />

   <input type="button" value="Go" onclick="validate()" />
</div>

Javascript:

function validate()
{
    alert('value: ' + $('#fname').val());
}

警报字面显示为:

值:

也尝试过使用传统的 .value 方法。

正在使用的版本:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>

编辑:添加了更多代码进行说明。

【问题讨论】:

  • 输入中有信息吗?警报中包含的完整代码是什么?
  • 在OP中添加了简单的JS函数。

标签: javascript jquery iphone jquery-mobile


【解决方案1】:

确保您已准备好文档:

$(function(){
     alert($('#fname').val()); //should be nothing bc the input has no value yet
});

【讨论】:

  • 我应该提到我的alert() 在提交表单时调用的函数中,所以我知道有一个值。
  • @Chris -- 当输入标签的名称和 id 相同时,有时会出现问题。试着让它不是这样的
  • @Neal,发现问题:jQM 将我的表单页面 (div) 的多个实例拉入同一个整体页面,因此元素 ID 存在冲突,iPhone 读取第一个,Firefox 桌面读取最新。
  • @Chris 谢谢,我在挠头。
猜你喜欢
  • 2013-06-07
  • 2011-05-04
  • 1970-01-01
  • 2012-02-11
  • 2023-03-03
  • 2013-10-31
  • 1970-01-01
  • 1970-01-01
  • 2014-09-27
相关资源
最近更新 更多