javascript - 从提交的表单中获取值

Question

我有一个非常简单的表单:

<form id="toBeTranslatedForm" action="actionpage.php" method="POST" >
        <textarea name="userInput" id="toBeTranslatedTextArea"></textarea>
        <select id="translationOptions">//dynamically filled</select>
        <input type="submit" value="Translate" />
</form>

我使用 Jquery 检测表单是否已提交:

function outputTranslated()
{
    $('#toBeTranslatedForm').submit(function() {
        //do stuff
    });
}

如何从上面的表单中获取在文本区域中键入的文本以及在选择框中选择的选项？理想情况下，我想将它们放入一个数组中。

Answer 1

仅限 Javascript，使用 FormData :

form.addEventListener("submit", function(e) {
  e.preventDefault();
  const data = new FormData(form);
  for (const [name,value] of data) {
    console.log(name, ":", value)
  }
})

<form id="form">
     <select name="sselectt">
       <option value="default" defaultSelected="true">-- Select --</option>
       <option value="foo">foo</option>
       <option value="bar">bar</option>
     </select>
     <label for="inpt">remember</label>
     <input id="inpt" name="rrememberr" type="checkbox" />
     <button type="submit">submit</button>
</form>