时间戳

首页 > 解决方案 > 从javascript文件将参数传递给html

javascript - 从javascript文件将参数传递给html

问题描述

如果满足某些条件，我有以下 js 代码创建一个表，在表内我创建了一个包含 HTML 提交表单的列，但是我想在单击按钮时将参数传递给另一个函数

function numberOne(event){

paramterToBePassed = somthing;

//somecode

table = innerHTML = '<tr><th>column</th></tr>';

// somecode

let x = doument.createElement('td');

somecode

x.innerHTML = <form onSubmit="return numberTwo($parameterToBePassed)"> <input type"text"> <input type="submit>
}

标签： javascripthtmlparameters

解决方案

只是为了澄清一下，您想在单击提交按钮时更改某些变量的状态？如果是这样，那么您需要确保该变量在修改/访问它的函数的范围内。一般不推荐使用全局范围，但在某些情况下绝对有用。

submit向按钮添加事件侦听器。您可以通过以下方式做到这一点：

const formButton = document.getElementById('#form-submit');

formButton.addEventListener('submit', (event) => {
  // Do something here to change the state of the scoped variable.
  // Alternatively, you can get the value you want and call numberTwo(...) here
})

如果您想阻止该submit行为，event.preventDefault()则为必填项，但如果您仍希望表单正确提交，则可以保留它。

推荐阅读