Question

基本上，我已经创建了一个表单，该表单可以在应用条件完美完成后选择一个文本并在文本框中添加一些额外的文本。显示链接后，用户可以使用复制按钮复制链接，以最大程度地减少用户的错误。

一切都很好，但是在测试了复制功能时，它没有作用，没有任何作用。

那么对于该动作的任何建议是，加载结果后是否能够从文本框中复制结果？

尝试w3school提供的经典javascript解决方案，将其添加到我的代码后无法使用。从这里开始：https://www.w3schools.com/howto/howto_js_copy_clipboard.asp

调查jquery解决方案是什么：https://clipboardjs.com/

，并且无法使其在代码中起作用。

<form id="form1" name="form1" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">



 <textarea name="slcOrgLinkValue" style="width:80%;" placeholder="orignal text "><?php echo $slcOrgLinkValue; ?></textarea>
</p>
   Step 2: Select the type of link you require and submit.  <br/> <br/>
  <p>
  <select name="slcmode" size="1" id="slcmode"    value='<?php echo $slcmodevalue; ?>'  >
  <option  value="0"   <?php if ($slcmodevalue == 0 ) echo 'selected' ; ?>  >mode1</option>
   <select name="slcmode" size="1" id="slcmode"    value='<?php echo $slcmodevalue; ?>'  >
  <option  value="1"   <?php if ($slcmodevalue == 1 ) echo 'selected' ; ?>  >mode2</option>

</select><input type="submit" name="converterbtn" id="converterbtn" value="Submit" onclick="myFunction(); "  />


 <br/> 
<br/>
Step 3: Copy and test 
  </p>
  <p>
    <input name="ConvertedLinktxt" id="ConvertedLinktxt" cols="4000" readonly="readonly" style="width:80%; background-color:#CCC;" value=<?php echo $slcConvertedLinkValue ; ?> ></input>
     <p>
     <a href=<?php echo $slcConvertedLinkValue; ?> id="convertlinktextlink" Name="convertlinktextlink" target="_Blank"  onclick="myFunction();"  >Test Link </a>
      <button onclick="myFunction();" value="submit" > Copy link </button> </p>
      <button onclick="myFunction()">Copy text</button>








</form>

<script > 


function myFunction() {
  var copyText = document.getElementById("ConvertedLinktxt");
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  document.execCommand("copy");
  alert("Copied the text: " + copyText.value);





}
</script>

表单生成新文本后，用户可以将文本复制到剪贴板上，以便可以粘贴到特定位置。

将文本框复制到剪贴板不起作用

0 个答案: