如何用javascript删除链接图像?

时间:2017-09-25 11:29:07

标签: javascript

我有一个textarea,我想通过图片链接进入文本区域,然后点击提交以从图片中删除链接。

这是我试过的 -

<?php if (isset($_GET['ids'])) {
    $array = explode("<a href=", $_GET['ids']);
print_r($array[0]); // piece1
print_r($array[1]);
print_r($array[2]);
print_r($array[3]);
print_r($array[4]);

}

?>

<form method="get" action="">
    <textarea style="width:50%; height:400px;" name="ids"></textarea><br />
    <button type="submit">Submit</button>
</form>

此链接将在文本区域中过去

<a href="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" imageanchor="1" ><img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" /></a>

我想要点击下面的提交按钮显示html代码后,请帮助我,我不知道如何开始编写代码。

<img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" />

这就是我的尝试:

<?php if (isset($_GET['ids'])) { 
  $array = explode("<a href=", $_GET['ids']); 
  print_r($array[0]);  
  //piece1 
  print_r($array[1]); 
  print_r($array[2]);
  print_r($array[3]);
  print_r($array[4]); } 
?>
  <form method="get" action="">
    <textarea style="width:50%; height:400px;" name="ids"></textarea>
    <br />
    <button type="submit">Submit</button>
  </form>

2 个答案:

答案 0 :(得分:1)

首先你应该将img添加到变量中然后删除链接,然后将变量添加到链接的容器中,例如:

&#13;
&#13;
    	$("#b").click(function(){
    		var img = $("#link_img");
    		
    		$("#link").remove();
    		$("#container").html(img);
    		
    	})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
    <a id="link" href="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" imageanchor="1" ><img border="0" id="link_img"  src="a.jpg" data-original-width="1024" data-original-height="768" /></a>
    
     </div>
    <button id="b">submit</button>
    
    <script>

    </script>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

简单删除&#39; a&#39;标签

<img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" />

<form action="/action_page.xxx" onsubmit="myFunction()">
  Enter name: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>

<script>
function myFunction() {
    alert("The form was submitted");
}
</script>

删除标签:

<script>
var atagid = <?php echo $_GET['ids'];?>;
function myFunction() {
        alert("The form was submitted");
       $("atagid").removeAttr("href");
    }
</script>