如何将输入框值发送到javascript函数参数

Question

鉴于此html ...

<input id="txtbox-page" maxlength="4" />

如何创建一个按钮或一个执行javascript函数的链接，其参数为输入框的值？

我必须调用一个已经在生产中的具有以下格式的函数：

javascript:pageClient('?p=2');

其中数字2必须是输入框的值。

Answer 1

HTML：

<a id="mylink" href="foo.bar">Link</a>

JS：

var box = document.getElementById('txtbox-page');
document.getElementById('mylink').addEventListener('click', function(){
    // Use `box` here
    pageClient('?p=' + +box.value);
}, false);

_{第二个+是可选的。 我用它来转换为数字以避免注入攻击。}

Answer 2

您可以按照以下方式进行操作：

function GetTxtBoxValue() {
    var txtBoxPage = document.getElementByID("txtbox-page");
    pageClient('?p='+txtBoxPage.value);
}

然后将该功能绑定到您的表单提交。

Answer 3

的HTML

<button id="pageClientSubmitter">Click me</button>

JS

var pageClientSubmitter = document.getElementById('pageClientSubmitter');

pageClientSubmitter.onclick = function () {
  var val = document.getElementById('txtbox-page').value;
  pageClient('?p=' + val);
}

演示版