将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;
  });

});