【问题标题】:Display drop down selected option in php在php中显示下拉选择的选项
【发布时间】:2015-12-15 11:17:37
【问题描述】:

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

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

flipkart 被选中时,php echo 应该打印“Flipkart”。
snapdeal 被选中时,php echo 应该打印“Snapdeal”。

【问题讨论】:

  • 你有没有尝试过?或者搜索什么?
  • 您无法使用PHP 完成此操作,因为 DOM 元素已经加载。你应该看看 JavaScript。
  • value=" v;?>" 试试这个
  • 你可以通过 onchange 事件来实现,通过 onchange 事件获取 this.value。
  • 你想在哪里展示?

标签: php html


【解决方案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>

【讨论】:

    【解决方案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>
    

    【讨论】:

    • 如何在表单上显示选定的选项值。
    • 如果您将完整的代码粘贴到您的问题中。我可以调查一下。请使用完整代码编辑您的问题。 @RashmiSonke
    【解决方案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'>

    【讨论】:

    • 从我的答案中复制代码时,您忘记从&lt;select&gt;&lt;/select&gt; 下拉列表中删除class='Product'
    • 是的,你是对的,我用我自己的逻辑来做到这一点。 @娜娜派对卡
    • 编辑得很好。但是,我对逻辑只字未提@Sradha
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-10
    • 1970-01-01
    • 2015-05-03
    相关资源
    最近更新 更多