how to pass a value in javascript and get it on another page?

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>

this is my code on the click of delete i want that javascript take id of selected option and take it to next page.... and how to get it on next page .. i want to use it as a php variable on next page ????

$_SESSION['did'] = $did; and you can use it on all pages. For more info get php session doc's... — Milos Lulic
– Milos Lulic, Commented Feb 28, 2017 at 9:53

Ionut Necula · Accepted Answer · 2017-02-28 09:58:30Z

1

First you need to have a value on the option like:

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

I've made you a jQuery demo, see snippet below:

$('.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>

A Javascript alternative would be to use addEventListener instead of the deprecated 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>

Other options would be to use either Javascript's localStorage() or PHP's $_SESSION

And on the page you will be redirected you can get the value used as a $_GET parameter using:

 echo $_GET['did'];

edited Feb 28, 2017 at 9:58

answered Feb 28, 2017 at 9:47

Ionut Necula

11.6k4 gold badges49 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Yogesh Arya Over a year ago

one more thing i want to ask when i am fetching the term from database there is lot of duplicate values but i want it only single time no matter how much time it is repeated in databse

Ionut Necula Over a year ago

@YogeshArya, I don't know why you want to do such thing, that depends on the structure of your database tables but I think you can change your SELECT query something like: SELECT DISTINCT field_name FROM table_name; This way you it should return unique values.

Jai · Accepted Answer · 2017-02-28 09:52:03Z

1

Use this:

<select id="result">
    <option id="option1">option 1</option>
    <option id="option2">option 2</option>
    <option id="option3">option 3</option>
</select>
<a href="#" onclick=" resultfunction()" class="btn dropdown-toggle">Delete </a> 
<script>
  function resultfunction() { 
    var select = document.getElementById("result"); //<---get the select 
    var result= select.options[select.selectedIndex].value; // <--selectedIndex will let you get the value.
    //window.location.href="deleteresult.php?did=" +result; 
    console.log(result);
  }
</script>

edited Feb 28, 2017 at 9:52

answered Feb 28, 2017 at 9:46

Jai

74.8k12 gold badges77 silver badges104 bronze badges

1 Comment

Yogesh Arya Over a year ago

one more thing i want to ask when i am fetching the term from database there is lot of duplicate values but i want it only single time no matter how much time it is repeated in databse

Oleksandr · Accepted Answer · 2017-02-28 09:55:02Z

1

And for use that variable on deleteresult.php page u should have some code like this

$get_did = $_GET['did'];

answered Feb 28, 2017 at 9:55

Oleksandr

1379 bronze badges

1 Comment

Yogesh Arya Over a year ago

one more thing i want to ask when i am fetching the term from database there is lot of duplicate values but i want it only single time no matter how much time it is repeated in databse

Collectives™ on Stack Overflow

how to pass a value in javascript and get it on another page?

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related