javascript 使用JS将输入设置为GET请求参数字符串的值?

zbdgwd5y  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(153)

我们想将各种输入设置为包含在str inputValueStr中的值,如下所示:

const form = document.querySelector('#theForm');
  var object = Object.values(form).reduce((obj, field) => { obj[field.name] = field.value; return obj }, {});
  delete object[""];
  const inputValuesStr =  new URLSearchParams(object).toString()

字符串看起来像“foo=&bar=123&baz=examplestr&whatever="。有什么好方法可以将#theForm的输入设置为字符串中的值(即,将bar = 123,baz =“examplestr”的输入设置为null)?
我们不确定我们是否错过了一些东西,因为我们不知道该搜索什么,所以如果这是一个愚蠢的问题,请道歉。如果是这样,请随时将我们重定向到另一个线程。

9nvpjoqh

9nvpjoqh1#

首先,你需要获取URL中的所有变量:

const urlParams = new URLSearchParams(window.location.search);

然后,您可以迭代每个参数并将表单的输入设置为它的值:

urlParams.forEach((val, key) => {
   const inputEl = document.querySelector('#theForm [name="'+key+'"]');
   if(inputEl) 
       inputEl.value = val;
});

相关问题