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".
<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>
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'>
</div>
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>
</div>