zoukankan      html  css  js  c++  java
  • 利用jquery 控制select 实例代码

    //1.获取选中option值
    $('#selectList').val();
    //2.获取选中option的文本
    $('#selectList :selected').text();
    //3.获取多个选中option值、文本
    var foo = [];
    $(
    '#multiple :selected').each(function(i, selected) {
    foo[i]
    = $(selected).text();
    });
    // to get the selected values, just use .val() - this returns a string or array
    foo = $('#multiple :selected').val();
    //4.使用选项option的条件表达式
    switch ($('#selectList :selected').text()) {
    case 'First Option':
    //do something
    break;
    case 'Something Else':
    // do something else
    break;
    }
    //5.删除某个value=2的option
    $("#selectList option[value='2']").remove();
    //6.从list A 移动option到 list B.
    //
    here we have 2 select lists and 2 buttons. If you click the “add” button,
    //
    we remove the selected option from select1 and add that same option to select2.
    //
    The “remove” button just does things the opposite way around.
    //
    Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code.
    $().ready(function() {
    $(
    '#add').click(function() {
    return !$('#select1 option:selected').appendTo('#select2');
    });
    $(
    '#remove').click(function() {
    return !$('#select2 option:selected').appendTo('#select1');
    });
    });

  • 相关阅读:
    计算函数执行时间
    Go语言生成随机数
    413 Request Entity Too Large
    JavaScript变量与数据类型详解
    OAuth2.0认证详解
    prompt的工作原理
    JS 实现上传图片
    移动端的长按事件的实现
    实现自动关闭当前页面的效果
    前端异常捕获与上报
  • 原文地址:https://www.cnblogs.com/anmoon/p/1789275.html
Copyright © 2011-2022 走看看