How to get select value on same page without clicking submit
Question
<html>
<head>
</head>
<body>
<form action="" method="post">
<select name="state" >
<option value="GOA">1. GOA</option>
<option value="Gujarat">2. Gujarat</option>
<option value="Rajasthan">3. Rajasthan</option>
</select>
<input type="submit" value="Submit">
</form>
<?php
if($_SERVER["REQUEST_METHOD"] == "POST"){
$st = $_POST["state"];
echo $st;
?>
</body>
</html>
I want state value in $st variable by selecting option but without click on submit button. Any suggestions would be appreciated.
2 answers
solution1
2 2015-09-22 17:54:43
Just you can do with Javascript attach onchange event handler to Select tag
<html>
<head>
</head>
<body>
<form action="" method="post">
<select name="state" onchange="getValue(this)">
<option value="GOA">1. GOA</option>
<option value="Gujarat">2. Gujarat</option>
<option value="Rajasthan">3. Rajasthan</option>
</select>
<input type="submit" value="Submit">
</form>
<script>
function getValue(obj){
alert(obj.value);
}
</script>
</body>
</html>
solution2
0 2015-09-22 18:08:12
<html>
<head>
</head>
<body>
<form action="" method="post">
<select name="state" class="Destination">
<option value="GOA">1. GOA</option>
<option value="Gujarat">2. Gujarat</option>
<option value="Rajasthan">3. Rajasthan</option>
</select>
<input type="submit" value="Submit">
<div class='ShowSelectedValueDiv'>
//Add This Div
</div>
</form>
<script>
$('.Destination').change(function(){
var Destination=$('.Destination').val();
$.ajax({url:"ShowSelectedValue.php?Destination="+Destination,cache:false,success:function(result){
$(".ShowSelectedValueDiv").html(result);
}});
});
</script>
</body>
</html>
Make One New Page, ShowSelectedValue.php
<?
echo $a=$_GET['Destination'];
?>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
how to get the value of input box in the same view page before clicking on submit?
How to show a textbox or select/option in the page once user selects an option from the list without clicking the submit button?
How to submit a form on page load without clicking submit button?
How to get select value without submit button in PHP
displaying value of an input on the form page without clicking submit
get the value of <select> without submitting on the same page using php
Submit one select field in ajax (not entire form) to get it's value and filter another select in php on same page
How to get the selected value from dropdown and use it in query without clicking submit?
Get select value in the same page
get value of form with submit without refreshing the page
Related Tags