將js函數添加為url.action中的參數

Question

我想在運行時更改文本框的值。

我有這個JavaScript函數，它返回一個文本框值：

function getValue(str) {
   var textboxValue = document.getElementById(str).value;
   return textboxValue;
}

這是我的鏈接：

wg.Column(
        header: " add ", format: @<text>
        <a href="@Url.Action("updateOrder", "MyController", new { VaraId = item.id,  pris = // Here I want to call function getValue("pris") }) ">
      ADD NEW
        </a>
        </text>)
    ))

Answer 1

保持錨標記干凈，並為參數值設置HTML 5數據屬性。

<a class="myLink" href="@Url.Action("updateOrder", "MyController")"
        data-itemid = @item.id data-pris="pris">ADD NEW </a>

現在，在此錨標記上偵聽click事件，並構建目標url和導航到taht。

$(function(){

  $("a.myLink").click(function(e){
     e.preventDefault();
     var _this=$(this);
     var calculatedVal=getValue(_this.data("pris"));
     var target=_this.attr("href")+"?VaraId="+_this.data("itemid")+
                                                      "&pris="+calculatedVal ;
     window.location.href=target;
  });

});

假設您已將jQuery加載到頁面。

如果您的getValue函數只是返回元素的值，則可以使用jQuery選擇器來獲取值。

$(function(){

  $("a.myLink").click(function(e){
     e.preventDefault();
     var _this=$(this);
     var calculatedVal=$("#"+_this.data("pris")).val();
     var target=_this.attr("href")+"?VaraId="+_this.data("itemid")+
                                                       "&pris="+calculatedVal ;
     window.location.href=target;
  });

});