Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# jQuery滑块上的ASP.NET链接按钮更改_C#_Javascript_Jquery_Asp.net_Webforms - Fatal编程技术网

C# jQuery滑块上的ASP.NET链接按钮更改

C# jQuery滑块上的ASP.NET链接按钮更改,c#,javascript,jquery,asp.net,webforms,C#,Javascript,Jquery,Asp.net,Webforms,我的页面中有两个jQuery滑块-一个用户将选择一个宽度和高度,然后单击一个按钮,该按钮将转到一个新Url,其值作为querystring参数 所以我在我的页面上有两个asp隐藏字段,我也设置了滑块的值-看起来工作正常 <asp:linkbutton ID="bmiLink" class="action-button" Text="Click for BMI" ToolTip="View your BMI" runat="server" OnClick="btnBMI_Click" /&g

我的页面中有两个jQuery滑块-一个用户将选择一个宽度和高度,然后单击一个按钮,该按钮将转到一个新Url,其值作为querystring参数

所以我在我的页面上有两个asp隐藏字段,我也设置了滑块的值-看起来工作正常

<asp:linkbutton ID="bmiLink" class="action-button" Text="Click for BMI" ToolTip="View your BMI" runat="server" OnClick="btnBMI_Click" />
当我第一次加载页面时,滑块值均为零,如果我将鼠标悬停在按钮上-链接显示为-

javascript: __doPostBack('ct100$ct100$bodyContent$formContent$bmiLink',")
如果我将滑块值更改为“重量150”和“高度180”,我希望按钮链接得到更新。实现这一目标的最佳方式是什么


它现在的工作方式-我必须单击按钮获取值,然后返回页面并将滑块重置为0,但更新按钮上的链接以包含正确的查询参数。那么,有没有一种方法可以很容易地动态地设置由滑块所设置的值驱动的按钮上的链接?

嗯,你可以考虑在客户端上做所有的事情,所以在你的按钮上做:

<asp:LinkButton .. OnClientClick="postback(this, event);" />

function postback(sender, e) {
   //you may have to use e.stopPropagation() and e.preventDefault() to prevent the default postback operation

   var val = /* jquery expression to get the value */
   __doPostBack("<%= Button.UniqueID %>", val);
}

函数回发(发送方,e){
//您可能必须使用e.stopPropagation()和e.preventDefault()来阻止默认回发操作
var val=/*jquery表达式以获取值*/
__doPostBack(“,val”);
}

然后它将从客户端获取值。然后,您可以将其更改为您想要的任何内容。

将btnBMI\u单击事件处理程序中的最后一行更改为:

Response.Redirect(string.Format("http://domain.com/BMIPage?{0}={1}&{2}={3}", QueryStringConstants.Weight, weight , QueryStringConstants.Height, height));

为什么不在客户端更改链接?只要几个查询语句就可以了。谢谢-使用了这个想法-刚刚更改并创建了一个文档。location.href=val;而不是“doPostBack”
Response.Redirect(string.Format("http://domain.com/BMIPage?{0}={1}&{2}={3}", QueryStringConstants.Weight, weight , QueryStringConstants.Height, height));