Menu
<html>
<head>
<title> Upgrade Cost</title>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js”></script>
</head>
<form method=’POST’ action=’home.php’>
Name : <input type=”text” name=”name”/><br/><br/>
Email Id : <input type=”text” name=”email_id”/><br/><br/>
Contact Number : <input type=”text” name=”contact_number”/><br/><br/>
I have :
<select id=”old”>
<option value = “select_option”>Select Option</option>
<option value = “one”>One</option>
<option value = “two”>Two</option>
<option value = “three”>Three</option>
<option value = “four”>Four</option>
<option value = “five”>Five</option>
</select><br/><br/>
I want :
<select id=”new”>
<option value = “select_option”>Select Option</option>
<option value = “one”>One</option>
<option value = “two”>Two</option>
<option value = “three”>Three</option>
<option value = “four”>Four</option>
<option value = “five”>Five</option>
</select>
</form>
<!– <button id=”btn_check_value”>Check for value</button> –>
<script>
$(document).ready(function(){
$(‘#new’).on(‘change’,function(){
var old_val = $(“#old option:selected”).val();
var new_val = $(“#new option:selected”).val();
$.ajax({
method: “POST”,
url: “home.php”,
data: { old: old_val, new: new_val }
})
.done(function( msg ) {
document.write( msg );
});
})
})
</script>
</html>
<?php
if(isset($_POST[‘old’]) && isset($
$old = $_POST[‘old’];
$new = $
if($old==’one’&&$new==’two’){
// echo json_encode(array(‘Cost 10$’));
echo “Upgrade Code : 10$”;
}
elseif($old==’one’&&$new==’three’)
{
echo “Upgrade Code : 20$”;
}
elseif($old==’one’&&$new==’four’)
{
echo “Upgrade Code : 30$”;
}
elseif($old==’one’&&$new==’five’)
{
echo “Upgrade Code : 40$”;
}
else{
echo “Choose Valid Options”;;
}
}
?>
I have a couple of doubts, first one how to retain the dropdown value after ajax worked, now after ajax run the drop down value refresh like Selection Option, i need the option should be retained the second one why i am getting this error