如何在ASP.NET MVC的客戶端上自定義超鏈接

Question

我需要能夠使用Javascript或JQuery做兩件事，而不必涉及第三方開源庫：

1. 使用jQuery或Javascript函數來填充鏈接的HREF屬性。

2. 對文本框或組合框執行HTTP Get或Post操作OnUpdate（使用上述javascript函數指定HTTP目標）

最終結果將是發布到控制器的超鏈接，其外觀類似於以下內容：

http://mydomain/addresses/1?order=name&state=ca

控制器將返回一個新頁面，按名稱排序並在加利福尼亞州進行過濾。

有什么建議嗎？

Answer 1

我不確定我會遵循...

如果無論如何都要使用JQuery進行回發，為什么還要填寫鏈接的HREF？

Answer 2

1. 答案的一些要素：將Javascript變量傳遞給<a href>

2. 如果要在窗口中加載控制器響應，則可以使用帶有精心設計的動作的表單。 如果沒有，則可以將iframe用作表單的目標 ，也可以使用XHR對象。 無論選擇哪種解決方案，都將其鏈接到文本框或組合框的onchange事件。

Answer 3

如果您有2個文本框和帶有url的超鏈接，請嘗試如下操作：

$(document).ready(function() {
    $('a#yourHyperLinkId').click(function(event) {
        event.preventDefault();
        var url = $(this).attr('href');
        var order = $('input#order').val();
        var state = $('input#state').val();
        $.get(url, { order: order, state: state }, function(response) {
            $('div#yourDivForResponse').html(response);
        });
    });
});

Answer 4

感謝法爾斯向我指出正確的方向。

回答＃1：

document.getElementById("link2").setAttribute("href",strLink); 

回答＃2（或多或少）：

$("#mySelect").change(function() {  
  document.location = this.value;
});