Question

我有一个简单的问题，在下面它显示了我选择的价值部分。当我选择选项时，我需要显示像Veggies或Animals或All的内部部分。

Answer 1

我会使用jquery

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    	<script type="text/javascript">
    	
$(function(){
    $('select').change(function(){
       $('#result').text($(':selected',this).text());
    });
});
    </script>



    </head>
    <body>
    <select name="search_type" style="margin-right:10px; margin-top:2px;">
        <option selected="selected" value="fruit_search">fruits</option>    
        <option value="veggies_search">Veggies</option>
        <option value="animals_search">Animals</option>
        <option value="all_search">All</option>
    </select>

    <div id="result"></div>
    </body>
    </html>

＆＃13;

显示下拉选择

1 个答案: