如何使用jQuery的锚定设置文本框的值?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery的锚定设置文本框的值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个文本框的值,我想基于锚标签的内部文本设置。换句话说,当有人点击这个锚点:
<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>

也许你忘了给你的链接类名“可点击”?

猜你在找的jQuery相关文章