Display drop down selected option in php

Question

I want to display a simple html drop down box and selected value want to print.

<select name="v">
    <option value="fkt">Flipkart</option>
    <option value="snd">Snapdeal</option>
</select>

When the flipkart is selected php echo should print "Flipkart".
When the snapdeal is selected php echo should print "Snapdeal".

Answer 1

Check for it.

  

    function shop(shop)
    {
         
        $("#show").val(shop);
    }
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select   onchange="shop(this.value)">
    <option value="Flipkart">Flipkart</option>
    <option value="Snapdeal">Snapdeal</option>
</select>
<br/>
<br/>

<input type="text" id='show'>

Answer 2

<select name="v" class='Product'>
    <option value="fkt">Flipkart</option>
    <option value="snd">Snapdeal</option>
</select>

<textarea class='showDescription'></textarea> <br>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(function(){
          $('.Product').change(function(){
                 var Product = $('.Product').val();
                 $(".showDescription").val(Product);
          });
    });
</script>

Answer 3

Use jQuery

$(document).ready(function(){
  $(".showDescriptionTextbox").val($(".Product").val());//to initialize
  $(".showDescriptionDiv").text($(".Product").val());//to initialize
  $(".Product").change(function(){
    $(".showDescriptionTextbox").val($(".Product").val());
    $(".showDescriptionDiv").text($(".Product").val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="v" class="Product" id="dropdown">
    <option value="fkt">Flipkart</option>
    <option value="snd">Snapdeal</option>
</select>
<br/>
<br/>
value in textarea: <input type="text" class="showDescriptionTextbox">
<div>
or you can display value in div: <span class="showDescriptionDiv"></span>
</div>