Question

我正在尝试使用get方法执行表单，但我遇到了问题。我不知道如何获得价值。我做这个代码但是没有用，我不明白为什么。

我知道这段代码非常简单，但我想了解如何使用get方法：

document.querySelector("button").addEventListener("click", function() {
    console.log('Click détecté ');
    var form = document.createElement('form');
    form.setAttribute('method', 'GET');
    form.setAttribute('action', 'test1.php');
    document.body.appendChild(form);

    let monSelect = document.createElement('select');
    let monOption = document.createElement('option');
    monOption.setAttribute('value', 1);
    monOption.innerText = 'choice1';
    monSelect.appendChild(monOption);
    let monOption2 = document.createElement('option');
    monOption2.setAttribute('value', 2);
    monOption2.innerText = 'choice2';
    monSelect.appendChild(monOption2);
    form.appendChild(monSelect);
    let input = document.createElement('input')
    input.setAttribute('type', "submit");

    input.setAttribute('value', "submit");
    form.appendChild(input);
  }
);

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Quelques langages</title>
</head>

<body>
  <button id="test">Ajouter un block</button>

  <script src="test.js"></script>
  <script src="jquery-3.3.1.min.js"></script>
</body>

</html>

<?php 

var_dump($_GET['typecolonne']);

?>

`

Answer 1

你几乎就在那里。对于要提交的表单元素，它需要具有name属性。您只需要添加

monSelect.setAttribute('name', 'premier');

然后你会在你的GET请求中添加一个查询字符串，如下所示：

https://stacksnippets.net/test1.php?premier=1

＆＃13;

document.querySelector("button").addEventListener("click", function() {
    console.log('Click détecté ');
    var form = document.createElement('form');
    form.setAttribute('method', 'GET');
    form.setAttribute('action', 'test1.php');
    document.body.appendChild(form);


    let monSelect = document.createElement('select');
    monSelect.setAttribute('name', 'premier');
    let monOption = document.createElement('option');
    monOption.setAttribute('value', 1);
    monOption.innerText = 'choice1';
    monSelect.appendChild(monOption);
    let monOption2 = document.createElement('option');
    monOption2.setAttribute('value', 2);
    monOption2.innerText = 'choice2';
    monSelect.appendChild(monOption2);
    form.appendChild(monSelect);
    let input = document.createElement('input')
    input.setAttribute('type', "submit");

    input.setAttribute('value', "submit");
    form.appendChild(input);

  }

);

＆＃13;

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Quelques langages</title>
</head>

<body>
  <button id="test">Ajouter un block</button>

  <script src="test.js"></script>
  <script src="jquery-3.3.1.min.js"></script>
</body>

</html>

＆＃13;

如何使用javascript的get方法

1 个答案: