如何在 php/javascript 中获取选定的选项值？答案

【问题标题】：how to get selected options value in php/javascript?如何在 php/javascript 中获取选定的选项值？
【发布时间】：2020-06-29 23:05:11
【问题描述】：

我想在 php 或 javascript 中获取 html 选择的选项值。

我想做的是：

<form action="book-page-1.php>" method="POST">
  <select name="chosePage">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
  </select>

    <input type="submit" name="submit" value="Update">    
</form>

我想要的是在提交表单之前在 “表单操作” 中传递选定的页码，例如：

// I want to pass selected option value in "url" before submit the form
<form action="book-page-<?php echo selected option;?>.php>" method="POST">

我不想在 php 帖子中这样：

  // This is not my requirement - Because I want to pass value in "url" before submit the form
 if (isset($_POST['chosePage'])) {
     $op = $_POST['searchItemname'];
 }

我想在 url 中传递选定的选项值。欢迎使用 PHP 或 JAVASCRIPT。

欢迎任何想法。谢谢

【问题讨论】：

由于您是从客户端提交表单，因此您需要使用 JavaScript 执行此操作。一种方法是在您选择的更改事件中添加一个 eventListener，然后在用户选择一个选项时更改发布操作 url。

标签： javascript php html forms

【解决方案1】：

您可以为<select> 元素添加一个ID，<select id="chosePage "name="chosePage">。
然后使用 javascript 你可以这样做：

let selected = document.getElementById("chosePage").value;

【讨论】：

感谢响应坚果如何在 url 中传递这个值？在提交表单之前无法更改 url 的值。

【解决方案2】：

你可以通过这个简单的功能做到这一点：

function SandRequest(){
  let selected = document.getElementById("chosePage").value;
  document.getElementById("MyForm").setAttribute("action", "book-page-"+selected+".php");
  return true;
}

<form id="MyForm" method="post" >
  <select id="chosePage" name="chosePage">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
  </select>
  
  <input name="Booktitle" type="text">

    <button onclick="SandRequest()" >Update</button> 
</form>

【讨论】：