如何使用JavaScript将按钮值附加到链接URL?

时间:2018-09-26 11:46:56

标签: javascript

我正在尝试制作一些问卷。我希望能够收集答案(单击按钮),然后再通过链接传递它们。

到目前为止,我已经有了这段代码。问题是,当单击另一行中的按钮时,它将替换链接URL中的另一按钮。

我该怎么做,所以这些值会附加到这样的链接上:

example.com?z=0&q1=a&q2=b ...

希望有人可以提供帮助。

var actionUrl = 'http://example.com?z=0';
 
function b1(element){document.getElementById("action-link").href = actionUrl + '&q1=' + element.value;}
function b2(element){document.getElementById("action-link").href = actionUrl + '&q2=' + element.value;}

document.getElementById('action-link').href = actionUrl;
    <button name="quiz1" value="a" onClick="b1(this);">CLICK ME</button>
    <button name="quiz1" value="b" onClick="b1(this);">CLICK ME</button></td>
<br>
<br>

    <button name="quiz2" value="a" onClick="b2(this);">CLICK ME</button>
    <button name="quiz2" value="b" onClick="b2(this);">CLICK ME</button></td>


<a id='action-link' href=''>Click to continue</a>

1 个答案:

答案 0 :(得分:0)

您可以像这样附加到use std::io::Read; // remove this to get "cannot move out of borrowed content" err fn foo<I, T>(iter: &mut I) where I: std::iter::Iterator<Item = T>, { let _y = iter.take(2); } fn bar<I>(iter: &mut I) where I: std::io::Read, { let _y = iter.take(2); } 的当前href

action-link

查看以下更改:

document.getElementById("action-link").href += '&q1=' + element.value;
function b1(element) {
  document.getElementById("action-link").href += '&q1=' + element.value;
}

function b2(element) {
  document.getElementById("action-link").href += '&q2=' + element.value;
}