美文网首页
html 问题总结

html 问题总结

作者: IPing | 来源:发表于2020-10-16 10:16 被阅读0次

    html 原生代码

    // 刷新当前页面
    1. window.location.reload();
    2. window.location.replace('http://www.baidu.com');
    3.自动刷新   添加到head中,刷新间隔5秒
    <meta http-equiv="refresh" content="5">
    
    

    select

    // 初始设置
    # 清空select
    $('#select_id').empty();
    // 获取option信息
    # 方法一:javascript
    1:获取select对象: var  Sel=document.getElementById("citySel");
    2:取到选中项的索引:var index=Sel.selectedIndex ;             // selectedIndex是所选中的项的index
    3:获取选中项的value:  myselect.options[index].value;
    4:取到选中项的文本内容:  myselect.options[index].text;
    # 方法二:jquery
    1:var options=$("#citySel option:selected");  //获取选中的option
    2:options.val();   //拿到选中项的值,比如选中上海,获取的值为“sh”;
    3:options.text();   //拿到选中项的文本,比如选中上海,获取的值为“上海”
    
    // 增删 option
    # 
    $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
    $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
    $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
    $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
    $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Optiona
    $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Optiona
    

    相关文章

      网友评论

          本文标题:html 问题总结

          本文链接:https://www.haomeiwen.com/subject/nsgvpktx.html