zoukankan      html  css  js  c++  java
  • 三种用于select 的选择器

    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>选项卡默认值</title>
    <style>
    
    </style>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    
    </head>
    <body>
    
    <select name="sel" id="selectstation">
        <option value="1" id='first_options'>苹果</option>
        <option value="2">西瓜</option>
        <option value="3">无花果</option>
        <option value="4">艾叶果</option>
        <option value="5">清果</option>
    </select>
    
    <h2>兄弟选择器 ~ </h2>
    <input type="button" id="brother" value='兄弟选择器' />
    <h2>就近选择器 + </h2>
    <input type="button" id="next" value='就近选择器' />
    <h2>子代选择器 > </h2>
    <input type="button" id="child" value='子代选择器' />
    </body>
    <script>
        $("#brother").click(function(){
            var second = $('#first_options ~ option').val();
            alert(second);
        });
        $('#next').click(function(){
            var three = $('#first_options + option').val();
            alert(three);
        });
        $('#child').click(function(){
            str = '';
            $('#selectstation  option').each(function(i){
                str += $('#selectstation option:eq('+i+')').text()+',';
            });
            alert(str);
    
        });
        
    </script>
    </html>
  • 相关阅读:
    幻方~未完待续
    过河(DP)
    生日蛋糕(DFS)
    n皇后问题<dfs>
    POJ 1182_食物链
    POJ 2431 Expedition【贪心】
    POJ 3268_Silver Cow Party
    POJ 1061 青蛙的约会【扩欧】
    【数学】扩展欧几里得算法
    Codeforces 404D Minesweeper 1D
  • 原文地址:https://www.cnblogs.com/zc123/p/5408393.html
Copyright © 2011-2022 走看看