Question

我需要将选定的值添加到表单提交按钮。

原因是因为当值为“是”时，会有一个名为if（isset（$ _ POST ['yes']）的帖子，而对于“no”则有另一个if（isset（$ _ POST ['no']）））

所以我需要的是：

<select>
<option value"yes">Yes</option>
<option value="no">No</option>
</select>

此值必须在此处更新：

<input type="submit" value="Send form" name="Value from the select option">

Answer 1

只需将name属性添加到select元素

即可

<select name="userSelected">
  <option value"yes">Yes</option>
  <option value="no">No</option>
</select>

现在在php中使用：

<?php
  if(isset($_POST['userSelected'])){
    if($_POST['userSelected'] == 'yes'){
      /* code for yes */
    }else{
      /* code for no */
    }
}

Answer 2

在选择中使用onChange事件来获取和更改按钮名称

function updateBtn(sel) {
    
  document.getElementById('sendForm').setAttribute('name', sel.value);
  
  }

<select onChange="updateBtn(this)">
<option value"yes">Yes</option>
<option value="no">No</option>
</select>

<input type="submit" id="sendForm"  value="Send form" name="Value from the select option">

Answer 3

这是一种方式

＆＃13;

document.querySelector('form').addEventListener("submit", function(e){

   e.target.querySelector('input[type=submit]').name = e.target.querySelector('select').value;

});

＆＃13;

<form action="">
  
  <select>
    <option value="yes">Yes</option>
    <option value="no">No</option>
  </select>

  <input type="submit" value="Submit" name="">

</form>

＆＃13;

如果您真的想在select上使用它，请执行此操作而不是内联脚本

注意：确保您已将输入的名称设置为选择的默认值，否则如果没有人更改它，则它没有值

＆＃13;

document.querySelector('select').addEventListener("change", function(e){

   e.target.form.querySelector('input[type=submit]').name = e.target.value;

});

＆＃13;

<form action="">
  
  <select>
    <option value="yes">Yes</option>
    <option value="no">No</option>
  </select>

  <input type="submit" value="Submit" name="yes">

</form>

＆＃13;

Javascript：选择选项值 - ＆gt;按钮名称

3 个答案: