HTML-中<li>标签value值的兼容问题

今天在做项目测试的时候,发现IE浏览器对HTML中<li>标记的value取值存在兼容性问题,特意从4个浏览器出发进行了一些测试。现将测试结论展示如下:


测试类型


IE8


FF16.0.1


Google


The World


正整数


正常


正常


正常


正常


负数


转成0


正常


正常


转成0


字母


转成1


转成0


转成0


转成1


字母+数字


转成1


转成0


转成0


转成1


中文


转成1


转成0


转成0


转成1

转自:http://dove19900520.iteye.com/blog/1707081

// 获取li标签name为lableGroup的value值,存入对象O
            var group = $("*[name=‘group‘]").map(function(){return $(this).val()}).get();
            alert($("[name=‘group‘]").val());

这里alert() 出来的值为0,因为value为中文

时间: 2024-10-05 14:26:22

HTML-中<li>标签value值的兼容问题的相关文章

Jquery和JS获取ul中li标签

js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var div=document.getElementById('a'); var ul=div.childN

HTML中哪些标签的值会被提交到服务器呢?

<form> <input name="">标签 <select name="">标签 <textarea name="">标签 </form> 特点: 必须放在 <form> 标签内(在标签外的会忽略) 必须指定 name 属性 只有 value 值(title.type 和 disabled 等属性用于显示,不会提交到服务器) 提交到服务器的时候将会以 “name=val

&lt;UL&gt;中&lt;li&gt;标签前编号图片的简单调用

<style type="text/css"> ul li{ list-style-type:none} .men ul{ background:url(http://top.baidu.com/img/icon-num.gif) no-repeat 0px 5px} .men ul li{ padding-left:20px; line-height:25px;} </style> <body> <div class="men&qu

javascript中li标签的排序和数组sort的用法

转: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type"

用正则表达式抓取网页中的ul 和 li标签中最终的值!

获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1";            string htmlStr = null;            for (int i = 0; i < 10; i++)            {                try                {                    System.Net.Http

ie下li标签中span加float:right不换行问题解决方案

在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行 <ul> <li><a href=“#”>BEST SUSHI MENU</a> <span>2012-12-24</span></li> <li><a href=“#”>BEST SUSHI MENU</a> <span&g

浮动元素的兼容以及ie6下li标签的部分兼容性问题

清除浮动的方法有许多比较常用的是 .clear{zoom: 1;} .clear:after{content: "";display: block;clear: both;} after伪类元素末尾添加内容Ie6,7不兼容可以用zoom来解决(zoom缩放会触发ie下的haslayout使元素根据自身内容计算宽高但火狐不支持但可以通过after伪类解决) 两者结合解决的浏览器不兼容的问题: ie6下li标签的部分兼容性问题: 可以通过给li标签加 vertical-align: top

获取select标签中option的value值

<select id="teacher" name="tea-list" form=""> <option value="none">请选择老师</option> <option value="1">老师1</option> </select> //获取select标签中option的value值 var $teacher=$('#te

bootstrap中的动态加载出来的图片轮播中的li标签中的class=&quot;active&quot;的动态添加移除

//该方法是在slide改变时立即触发该事件, $('#myCarousel').on('slide.bs.carousel', function () { $("#myCarousel ol li").toggleClass("active");//重复切换类名“active” }); 遇到的问题:在动态加载出来的轮播中设置了加载时就开始轮播data-ride="carousel"图片可以轮播但是底下的li标签的class没有进行切换.而不加d