表单提交后,Jquery Mobile显示双表单标签

时间:2015-09-05 22:53:17

标签: javascript jquery html forms mobile

这是我第一次使用jquery mobile ...我有这样的表单项 -

<label for="five_miles">5 Miles</label>
<input type="radio" name="distlim" value="5" id="five_miles">

正如文档中所说,要标记表单元素,您必须使用标签标记,并且for should =该表单项的ID。

它工作正常。我加载页面,生成表单元素,看起来很好。

但是在我将表单提交回同一页面后,它会显示带有生成的按钮元素的表单,其中元素中包含标签文本,但它也会再次显示每个表单元素上方标签的文本。

jquery生成的代码如下所示 -

<div class="ui-radio">
   <label for="yes" class="ui-btn ui-corner-all ui-radio-on ui-btn-inherit ui-btn-icon-left">Yes</label>
   <input type="radio" name="transportation" class="transyes" id="yes" value="Yes" checked="">
 </div>
 <label for="yes">Yes</label>

我在想,也许正在加载dom并且jquery正在加载后跟词并添加其他标签元素。仅在表单提交后发生。

尝试将我的jscript文件放在页脚和标题中,我尝试将标签放在表单元素的上方和下方。 ......不知道还能做什么。

感谢。

1 个答案:

答案 0 :(得分:0)

我在文档中忽略了你必须用

包装单选按钮和复选框
<fieldset data-role="controlgroup"></fieldset>