jquery如何書寫一個根據下拉選擇列表的選擇值 控制其他標簽時候顯示的功能


有時候我們在一些表單搜集信息的時候,需要根據上一項的選擇情況設定下面的某些輸入信息是否顯示,是否需要被收集等,這個時候就要對下拉列表的選擇事件做一個監聽。

代碼如下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<body>
    <div>
        <table>
            <tr>
                <td>鏈接類型</td>
                <td>
                    <select name="link_type">
                        <option value="text">文本鏈接</option>
                        <option value="logo">logo鏈接</option>
                    </select>
                </td>
            </tr>
            <tr id="logo_div" style="display:none;">
                <td>上傳Logo</td>
                <td>
                    <input type="text" name="" id="" />
                </td>
            </tr>
        </table>
    </div>
    <script type="text/javascript">
        $(function(){
            //頁面加載完畢后開始執行的事件
            $("select[name='link_type']").change(function(){
                if($(this).val()=="logo")
                {
                    $("#logo_div").show();
                }else{
                    $("#logo_div").hide();
                }
            });
        });
    </script>
</body>
</html>

效果如下:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM