Question

我正在使用Jquery mobile，我有一个带有明文按钮的输入表单。

ex）<input type="text" name="" id="" value="" data-clear-btn="true" />

那么Textarea标签怎么样？

<textarea name="" cols="" rows=""  data-clear-btn="true"></textarea>

这不起作用。

有什么方法可以解决这个问题吗？

Answer 1

data-clear-btn仅适用于textinput，不适用于textareas。

如果你想要一个类似的功能，你必须在文本区域附近创建一个按钮，并在按钮单击时以编程方式清除该按钮，将val（''）设置为textarea。

    <textarea id="myTextarea" name="" cols="" rows=""></textarea>
    <a id="clrTextarea" data-role="button" href="#" onclick="clearTextarea()">Clear</a>

<script>
function clearTextarea(){
  $("#myTextarea").val('');
}
</script>

如果你想在textinputs中使用与data-clear-btn相同的效果，你必须在textarea为空时隐藏按钮，并在textarea有数据时显示它，并在textarea上显示onChange事件。你也可以使用css将按钮放在textarea的角落，当鼠标悬停在它上面时，将其设置为半透明，并在css中添加悬停标签。

Answer 2

HTML:
<div data-role="page">
<div data-role="content">
<input type="text" />
<a data-role="button" href="#">Click to Change Input's Value</a>
</div>
</div>

jQuery Script:
$('a').bind('click', function () {
$('input').val('');
});

jquery mobile如何在Textarea中清除文本？

2 个答案: