jquery - 如何使用 jQuery 的 anchor 设置文本框的值？

Question

我有一个文本框，我想根据 anchor 标记的内部文本设置其值。换句话说，当有人点击这个 anchor 时:

<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”类的 anchor 标记列表和一个 id 为“textbox”的文本框。

我已将上面的代码替换为仅使用 $(this).html() 显示 JavaScript 警报的代码，并且它似乎显示了正确的值。我还将 $(this).html() 更改为硬编码字符串，并且它正确设置了文本框值。但是当我将它们组合起来时，文本框就会被清除。我做错了什么？

Answer 1

我写了这个代码片段，它工作正常:

<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>

也许您忘记为链接指定“可点击”类名称？