Question

I'm new to javascript and I want to change this with <a> tag

<button type="submit" id='submit_form' name="submit_details" onclick=" $(window).unbind('load');" class="btn btn-primary"> Submit </button>

I have this code to change:

 <a href="#"    style="float:left ;background-color:#26a69a ;color:white ">Submit </a>

Answer 1

试试这个

 <a href="#" onclick="document.getElementById('form_id').submit()">Submit</a>

Answer 2

你不能只使用jQuery的$.replaceWith方法吗？将按钮更改为锚点后，您的活动将毫无用处。您的提交按钮是否应该重定向？

＆＃13;

$(function() {
  $('#submit_form').replaceWith($('<a>', {
    text : 'Submit',
    href : '#',
    css : {
      float: 'left',
      backgroundColor: '#26a69a',
      color: 'white'
    }}));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button type="submit" id="submit_form"
        name="submit_details" class="btn btn-primary"
        onclick="$(window).unbind('load');">Submit</button>

＆＃13;

Answer 3

试试这个

<input type="button" value="google.com" 
  onClick="javascript:location.href = 'http://google.com';" />

Answer 4

将您想要的任何ID提供给<a>标记。然后编写此代码并在标记之前添加：

<script>
   function clickButton(){
     javascript:location.href = 'http://google.com';
   }
   document.getElementById("your_id").addEventListener("click",clickButton,false);
</script>

Answer 5

要保持按钮操作，请通过onclick事件

添加

<a onclick="this.closest('form').submit()" href="#" style="float:left ;background-color:#26a69a ;color:white ">Submit</a>

Answer 6

你准备做什么？如果您希望<a>标记作为按钮做出反应：

<a href="#" id="myId">my link</a>
<script>
   var link = document.getElementById('myId');
   link.addEventListener('click', function(){
      // rest of the code
   }, false);
</script>

Answer 7

试试这个：

<h:panelGroup layout="block" class="col-md-7">
   <span class="submit_form" id="submit_form">
    <a class="submit_form" href="">
    </a>
   </span>
</h:panelGroup>

然后，您可以根据ID或名称在js中为此<a>点击添加所需的href。

尝试这个：

<input id="submit_form" type="submit" name="submit_form" value="SUBMIT" class="submit_form" onclick="document.getElementById('form_id').submit()">

如何将按钮更改为<a> tag

7 个答案: