javascript - 如何在javascript中传递一个值并在另一个页面上获取它？

Question

JavaScript

function resultfunction() {
    var result = document.getElementById("result");
    window.location.href = "deleteresult.php?did="+result;
}

PHP

<select id="result">
<?php
   include 'model.php';
   $rs=new database();
   $res=$rs->result();
   while($row=mysql_fetch_array($res)){
        $did=$row["id"];
        $dterm=$row["term"];
?>          
<option id="<?php echo $dterm;?>"><?php echo $dterm;?></option>
<?php } ?>
</select>
<a href="#" onclick="resultfunction()" class="btn dropdown-toggle">Delete </a>

这是我点击删除时的代码 我希望 javascript 获取所选选项的 ID 并将其带到下一页....以及如何在下一页上获取它..我想将它用作 php 变量在下一页????

Answer 1

首先，您需要在 option 上有一个值，例如:

<option id="option1" value='1'>option 1</option>

我已经为您制作了一个 jQuery 演示，请参见下面的代码片段:

$('.btn').on('click', function(){
  var result = $("#result").val();
  console.log(result);
  //I've commented this line just for demonstrating purpose
  //window.location.href = "deleteresult.php?did=" + result;
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="result">
    <option id="option1" value='1'>option 1</option>
    <option id="option2" value='2'>option 2</option>
    <option id="option3" value='3'>option 3</option>
</select>
<a href="#" class="btn dropdown-toggle">Delete </a>

Javascript 的替代方案是使用 addEventListener 而不是已弃用的 onclick:

document.getElementById("btn").addEventListener("click", function(){
    var select = document.getElementById("result");
    var selectedOption = select.options[select.selectedIndex].value;
    console.log(selectedOption);
     //I've commented this line just for demonstrating purpose
    //window.location.href="deleteresult.php?did=" + selectedOption; 
});

<select id="result">
    <option id="option1" value='1'>option 1</option>
    <option id="option2" value='2'>option 2</option>
    <option id="option3" value='3'>option 3</option>
</select>
<a href="#" class="btn dropdown-toggle" id='btn'>Delete </a>

其他选项是使用 Javascript 的 localStorage() 或 PHP 的 $_SESSION

在您将被重定向的页面上，您可以使用以下方法获取用作 $_GET 参数的值:

 echo $_GET['did'];