如何使用jQuery锚点设置文本框的值？

Question

我有一个文本框,其值我想根据锚标记的内部文本设置.换句话说,当有人点击此锚点时:

<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中有一个锚点标签列表,其中包含"可点击"类和一个带有"文本框"的文本框.

我已用代码替换上面的代码,只显示带有$(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>

也许你忘了给你的链接一个"可点击"的课程名称？

Answer 2

要在jQuery中指定id为ёtextboxё的文本框的值,请执行以下操作

$("#textbox").val('Blah');

Answer 3

请注意,在选择器中为tagName添加前缀比仅使用id要慢.在你的情况下,jQuery将获得所有输入,而不仅仅是使用getElementById.只需使用$('#textbox')