我有一个文本框的值,我想基于锚标签的内部文本设置。换句话说,当有人点击这个锚点:
<a href="javascript:void();" class="clickable">Blah</a>
我想让我的文本框填充文本“Blah”。这里是我目前使用的代码:
<script type="text/javascript">
$(document).ready(function(){
$("a.clickable").click(function(event){
$("input#textBox").val($(this).html());
});
});
</script>
在我的html中有一个锚点标签列表,类“clickable”和一个文本框,id为“textBox”。
我已经替换上面的代码,只是显示一个javascript警告与$(this).html(),它似乎显示正确的值。我也更改了$(this).html()是一个硬编码字符串,它正确设置textBox值。但是当我结合它们的文本框只是清除。我究竟做错了什么?
解决方法
我写了这段代码,它工作正常:
<a href="#" class="clickable">Blah</a>
<input id="textBox">
<script type="text/javascript">
$(document).ready(function(){
$("a.clickable").click(function(event){
event.preventDefault();
$("input#textBox").val($(this).html());
});
});
</script>
也许你忘了给你的链接类名“可点击”?