Question

这是我目前的代码

<input type="submit" value="Result" id="loadbutton" />

$.ajaxSetup ({
    cache: false
});
var ajax_load = "<img class='loading' src='/loading.gif' alt='loading...' />";

var loadUrl = "/result.php";
$("#loadbutton").click(function(){
    $("#result").html(ajax_load).load(loadUrl);
});

如何替换提交按钮

<input type="submit" value="Result" id="loadbutton" />

是一个链接

<a href="/result.php">Result</a>

Answer 1

我认为你是以错误的方式解决这个问题，试图将按钮更改为链接。可能更容易杀死一个并添加另一个。我这样做：

<funzone><input type="submit" value="load()" id="loadbutton" /></funzone>

然后，作为load（）的一部分

$('funzone').remove('#loadbutton');
$('funzone').append('your image or whateves');

但那只是我。我的意思是，我是那种组成HTML标签的人，所以，你知道，不管是什么。或者其他什么。

Answer 2

正常方式：

<a href="/result.php" id="result">Result</a>
<script>
    $('#result').click(function() {
        // Do something
     });
</script>

Answer 3

怎么样：

$("#loadbutton").click(function (event) {
    event.preventDefault();
    $(this).replaceWith("<a href='/result.php'>Result</a>");
});

以下是一个有效的例子：http://jsfiddle.net/WVwc6/

Answer 4

试试这个：

<a href="javascript:document.[formname].submit()">submit the form</a>

如何将onclick按钮替换为链接格式

4 个答案: