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

How to send the inputbox value to a javascript function parameter

本文关键字：javascript 函数 参数 输入      更新时间：2023-09-26

给定这个html…

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

如何创建执行javascript函数的按钮或链接，其参数是输入框的值?

我必须调用一个已经在生产中的函数，格式为:

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

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

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

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

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

您可以这样做:

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