无法将参数从HTML / JS表单发送到URL

时间:2014-08-25 07:39:37

标签: javascript html tableau

我是前端开发的新手,但这似乎是一项非常简单的任务。

我需要用户在HTML / JS表单中输入值,然后将该值附加到公共服务器URL的末尾并显示特定的可视化。为了进一步解释,这是我创建的示例。 https://public.tableausoftware.com/profile/subhayan#!/vizhome/Book1_1826/Sheet1

现在,可以通过在结尾添加&Name=A&Name=B来过滤此可视化。 (您可以自己查看herehere

我甚至编写了一个简单的HTML表单,但我无法将用户输入附加到表单操作URL的末尾。

请帮忙!

由于

1 个答案:

答案 0 :(得分:0)

您可以使用JavaScript函数制作网址,然后重定向:

HTML(内部表单):

<input type="button" onclick="craft_url(this.form);" value="Go">

JavaScript的:

function craft_url(f){
  var x = f.a.value; //Being 'a' the name of the field
  var url = 'https://public.tableausoftware.com/profile/subhayan#!/vizhome/Book1_1826/Sheet1' + '&Name=' + x;
  document.location = url;
}