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

Question

我想在 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 都欢迎。

欢迎任何想法。 谢谢

Answer 1

您可以将 id 添加到<select>元素<select id="chosePage "name="chosePage"> 。
然后使用 javascript 你可以这样做：

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

Answer 2

你可以通过这个简单的 function 来做到这一点：

 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>