清除按钮清空文本区域,但我无法重新填充它

问题描述 投票:1回答:1

我正在尝试在其中创建网页

  1. 如果用户单击一个单词,该单词将显示在文本框中
  2. 如果两次单击一个单词,则不会再次出现在框中
  3. 用户可以通过按钮清除框
  4. 用户可以将内容发送到另一页

我的代码如下:

<div id="parent">
    <!-- get the clicked word and add it to textarea-->
    <script type="text/javascript">
        $("#parent").delegate("span", "mousedown", function() {
            if ( $("#thediv").text().indexOf($(this).text()) <0 )
            {
                $("#thediv").append($(this).text());// get old div contents and add clicked word
                $("#thediv").append(' ');// also add a space
                $("#thediv").html(); //print to div
            };   
       })
    </script>

    <!-- clickable words  -->    
    <span>One </span><span>Two</span><span>Three</span>

    <!-- the form --> 
    <form action="/test/index6.html" method="get">
        <textarea id="thediv" name="thediv"></textarea><br>
        <input type="submit" >
    </form>

    <!-- Clear button  -->     
    <input type="button" id="clear" value="Clear" />
    <script type="text/javascript">
        $('#clear').click(function (){
            $("#thediv").val('');
        });
    </script>
</div>

[正常工作,在鼠标单击上存储了被单击的单词(如果它位于标签之间。对于每个被单击的单词,我检查文本区域是否已经包含它,如果没有,则添加它。

我的问题是清除按钮。它清除了文本区域,但随后我无法再添加任何单词,就像这部分代码停止工作一样。

有什么建议吗?

javascript html jquery button
1个回答
1
投票

尝试像$("#thediv").val('');一样将$("#thediv").html('');更改为this jsfiddle

© www.soinside.com 2019 - 2024. All rights reserved.