请看以下页面:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"/>
</head>
<body>
<div class="hashtag">#one</div>
<div class="hashtag">#two</div>
<form accept-charset="UTF-8" action="/home/index" method="post">
<textarea id="text-box"/>
<input type="submit" value ="ok" id="go" />
</form>
<script type="text/javascript">
$(document).ready(function() {
$(".hashtag").click(function() {
var txt = $.trim($(this).text());
$("#text-box").append(txt);
});
});
</script>
</body>
</html>
我期望的行为,我希望实现的是当我点击其中一个div时,hashtag他们的内容(分别为"#one"和"#two")将附加在textarea 文本的末尾text-box.
当我在页面加载后单击哈希标记时,会发生这种情况.然而,当我然后也开始text-box手动编辑文本然后返回点击任何主题标签时,他们没有附加在Firefox上.在Chrome上,最奇怪的事情正在发生 - 我手动输入的所有文本都被新的主题标签取代并消失.
我可能在这里做了一些非常错误的事情,所以如果有人可以在这里指出我的错误,以及如何解决这个问题,我将不胜感激.
谢谢.
我正在尝试使用jquery在textarea的末尾附加文本.
我的HTML代码如下所示:
<textarea class='form-control' placeholder="Write something..." id="message" name="message" size='20'></textarea>
<fieldset class="form-group">
<div class="checkbox">
<label for="deptList">
<label for="departments" id="deptList">Select a department
<small>use this in case you've set up your account to <a
href="#"> include a department</a> at the end
of the text
</small>
</label>
<input type="checkbox" value="" class="checkbox-inline" id="deptCheck">
<select class="form-control" id="departments">
<option>Dept. 1</option>
<option>Dept. 2</option>
<option>Dept. 3</option>
<option>Dept. 4</option>
<option>Dept. 5</option>
<option>Dept. 6</option>
<option>Dept. 7</option>
</select>
</label>
</div>
</fieldset>
和我附加文本的脚本是:
$('#deptCheck').click(function() {
var theMessage = $("#message").text();
var theDepartment = $("#departments").find(":selected").text(); …