Question

我想显示一个简单的html下拉框和想要打印的选定值。

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

选择flipkart后，php echo应打印＆＃34; Flipkart＆＃34;。
选择snapdeal时，php echo应打印＆＃34; Snapdeal＆＃34;。

Answer 1

使用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>

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

检查它。

  

    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'>

在php中显示下拉选中的选项

3 个答案: