如何在bootstrap -UPDATED中清除输入文本

时间:2013-12-18 09:03:21

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我在bootstrap 3.0.2中有一个简单的模态,它有一个2个简单的输入类型=“text”我想清除它。我见过示例,但它们用于bootstrap 2并且不能用于我的模态。当我点击“重置”按钮时,是否有人知道如何在模态内清除或重置此输入文​​本。

- 提前谢谢你。

更新:使用@davethecoder解决方案后就像魅力一样,我还需要帮助清除日期类下的输入文本中的一个:

 <input id="#item" type="text" class="date-picker form-control" /> 

任何人都知道如何清除这个? - 谢谢你的帮助。

2 个答案:

答案 0 :(得分:1)

twitter bootstrap是一个用于建模响应Web布局的CSS框架。如果您使用的是jquery,则清除元素的代码为$("#itemid").val('');

最简单的方法是为每个项目提供一个类,并根据类设置此值,或者作为替代方案,您可以遍历特定formid的项目并重置以清除该方式。就个人而言,我只会基于这个类,因为在jquery框架中,每个项目基本上都有循环代码。

我在这里提到了jquery,因为你有一个jquery标签

答案 1 :(得分:0)

哦,只是我发现你的输入元素的属性id包含'#',它可能会导致一些未知的错误。最好删除'#'上的<input>。 如果您使用的是jQuery,只需使用这样的函数调用来清除输入:

$('#item').val('');

如果你没有使用jQuery,只需使用这样的Javascript函数:

document.getelementById('item').value = "";