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

Demo

如何将inputbox值发送到javascript函数参数

3 个答案: