zoukankan      html  css  js  c++  java
  • 获取下拉框

    分别用两种方法动态添加option:

    方法一:JS方法添加

    1、创建select标签

    var select = documnet.createElement('select');

    2、给select添加id

    select.setAttribute('id','selectid');

    3、给select添加onchange事件

    select.setAttribute('onchange','change();');

    4、将select添加到body里面

    document.body.appendChild(select);

    5、给select里面动态添加option

    select.options.add(new Option('label','value'));

    方法二:Jquery方法添加

    页面已经有select标签,可以直接往里面添加option。

    $('#selectid').append('');

    两种方法获取选中的option的值和value

    方法一:js方法获取

    1、获取select对象

    var select = document.getElementById('selectid');

    2、获取选中的option的索引值

    var index = select.selectedIndex;

    3、获取选中option的value

    var selectedValue = select.options[index].value;

    4、获取选中option的text

    vat selectedText = select.options[index].text;

    方法二:jQuery方式获取

    1、获取选中的option

    var select = $('#selectid option:selected');

    2、获取选中option的value

    var selectValue = select.val();

    3、获取选中option的text

    var selectedText = select.text();

  • 相关阅读:
    Shell编程常用
    毕设问答
    《如何高效学习》
    《如何阅读一本书》(未完)
    《牧羊少年奇幻之旅》
    2019.04月总结
    上周还是合意的,且找到了一定的遵循4.6-4.12

    错误和异常
    数据结构
  • 原文地址:https://www.cnblogs.com/gloria-liu/p/9113292.html
Copyright © 2011-2022 走看看