Javascript 创建一个可写入textarea(php)的输入框

Javascript 创建一个可写入textarea(php)的输入框,javascript,textarea,Javascript,Textarea,只是为了好玩,我为我的一个学校班级创建了一个聊天室。 我想要的是一个JavaScript,一个输入框,一旦按下一个按钮(添加url),就会弹出,用户可以粘贴一个url,然后将其写入文本区域 我想要这个特性,这样“http://”就可以放在添加的url前面 我一直在尝试这个脚本(我觉得它是正确的…但它不起作用) 函数addUrl() { var x; var nettside=prompt(“输入URL:,“www.example.com”); if(nettside!=null) { x=“h

只是为了好玩,我为我的一个学校班级创建了一个聊天室。 我想要的是一个JavaScript,一个输入框,一旦按下一个按钮(添加url),就会弹出,用户可以粘贴一个url,然后将其写入文本区域

我想要这个特性,这样“http://”就可以放在添加的url前面

我一直在尝试这个脚本(我觉得它是正确的…但它不起作用)


函数addUrl()
{
var x;
var nettside=prompt(“输入URL:,“www.example.com”);
if(nettside!=null)
{
x=“http://”+nettside+”;
document.getElementById(“area”).innerHTML=x;
}
}
是的,它应该写的文本区:

<textarea name="txt" id="area" class="typo_vind" placeholder="......" autofocus title="Type your message here, have a great day!"></textarea>

编辑

HTML:


JS:


函数addUrl()
{
var x;
var nettside=prompt(“lenkeadressen her.,“www.testtest.com”);
如果(净侧!=“”)
{
x=“”;
document.getElementById(“区域”).value=x;
}
}
还有两个问题

  • 我不想让那个脚本清除文本区域
  • 我不想把
    添加到末尾 这是脚本现在的结果:
  • 编辑2

    解决了脚本清除texarea的问题,方法如下:

    <script>
    function addUrl()
    {
    var x;
    
    var nettside=prompt("Skriv inn lenkeadressen her (uten http://):","www.eksempel.com");
    
      {
      x="<a target =_blank href=http://" + nettside + ">" + "__BESKRIVELSE_AV_LENKEN__" + "</a>";
      var Field = document.getElementById('area');
      var val = Field.value;
      var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
      var before_txt = val.substring(0, Field.selectionStart);
      var after_txt = val.substring(Field.selectionEnd, val.length);
      Field.value = before_txt  + x + after_txt;
    
      }
    }
    </script>
    
    
    函数addUrl()
    {
    var x;
    var nettside=prompt(“lenkeadressen her Skriv inn(uten http://):”,“www.eksempel.com”);
    {
    x=“”;
    var Field=document.getElementById('area');
    var val=Field.value;
    var selected_txt=val.substring(Field.selectionStart,Field.selectionEnd);
    var before_txt=val.substring(0,Field.selectionStart);
    _txt后的var=val.substring(Field.selectionEnd,val.length);
    Field.value=在\u txt之前+x+在\u txt之后;
    }
    }
    
    所以现在所缺少的就是删除
    -标记

    HTML:


    已解决!

    您应该检查浏览器的控制台-它总是通知发生了什么错误

    您在这行有一个输入错误:

      x="http://" + nettside + ";
    
    应删除结尾的
    +“


    此外,这里:

    document.getElementById("area").innerHTML=x;
    
    您应该改为使用
    value
    (通常使用for元素执行此操作):


    这可能不会导致您使用的浏览器出现问题,但在某些情况下可能会导致奇怪的行为:)。

    哦,是的,没有看到,谢谢:)现在它给了我“呵呵^^^哦,更近了一步,至少它写了一些东西编辑了一些,现在几乎可以工作了,只有两个小问题,首先-一旦按下按钮,整个文本区域将被清除,并且下面的“”解决了最后一个问题(堆叠两个脚本,它们做了相同的事情)。“第一个”脚本未由第二个脚本请求的值定义。因此,再次感谢您的帮助:)!祝你周末愉快!
    <script>
    function addUrl()
    {
    var x;
    
    var nettside=prompt("Skriv inn lenkeadressen her (uten http://):","www.eksempel.com");
    
      {
      x="<a target =_blank href=http://" + nettside + ">" + "__BESKRIVELSE_AV_LENKEN__" + "</a>";
      var Field = document.getElementById('area');
      var val = Field.value;
      var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
      var before_txt = val.substring(0, Field.selectionStart);
      var after_txt = val.substring(Field.selectionEnd, val.length);
      Field.value = before_txt  + x + after_txt;
    
      }
    }
    </script>
    
      x="http://" + nettside + ";
    
    document.getElementById("area").innerHTML=x;
    
    document.getElementById("area").value=x;