ques9.html

<!DOCTYPE html>
<html>
<head>
	<title>Question 9 </title>
	<style>
  .test
   { background-color:yellow;}

 
</style>

</head>
<body>
<p>Select food from the list.</p>

<select>
  <option value="">Select your favourite food item</option>
  
  <option value="Pizza">Pizza
  <option value="Maggi">Maggi 
  <option value="Burger">Burger
  <option value="Fries">Fries
</select>

<p>So you want to have <span><p id="ye"></p></span> </p>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
         $('select').on('change', function() {
         $("#ye").append(this.value+" <br>")
});
});
    
</script>
<a href="contents.html">Navigate to other questionns</a>


</body>
</html>