js 输出li的value值，求解

Question

本帖最后由 shancheng44 于 2014-01-03 16:38:28 编辑

Answer 1

li没value属性，
有文本域innerHTML

Answer 2

通过 getAttribute("value")可以得到这个value值

Answer 3

li的dom元素对象中，并没有value的属性，如果你是
document.getElementById(id).value这样的取值，是不能取到正确的值的你得使用document.getElementById(id).getAttribute("value");这样的方法才能取到相应的值。就是直接dom.value取值不行，要dom.getAttribute("value")这样取值才可以的。试试是不是这样原因。

Answer 4

就是说上面的代码是在js文件里，然后再页面上引用这个js文件，按照理想状态页面上输出的应该是<dd style="display:none" class="dd2">
<ul>')
<li value="20132278349720">国土新闻</li>
<li value="20133977018825">政务公开</li>
<li value="20139796977736">在线办事</li>
<li value="20137092169662">网上互动</li>
<li value="20133958046772">业务信息</li>
</ul><input name="tid" type="hidden" value="0">
</dd>
这样的内容，但是我查看浏览器输出的内容20132278349720
20133977018825
20139796977736
20137092169662
20133958046772这几个value的值都变成了2147483647我想问一下怎么才能把原始值输出出来

Answer 5

谢谢，取值没问题，问题是value的值在js定义的和最终输出到浏览器的值不一样，这样说清楚么

Answer 6

就是说，在HTML结构中，li的value值是没有问题的。在js中，取到的li的值，也是没有问题的。那取值之后，到输出到浏览器，这两者之间，你对这个值，做了哪些处理？这块的js代码，方便贴吗？

Answer 7

这是js文件的内容document.writeln('<form id=\"SearchForm\" name=\"SearchForm\" method=\"get\" action=\"/item/index.asp\">')
document.writeln('<dl>')
document.writeln('  <dt onclick=\"AjaxSelectBox(this)\" class=\"dt1\">标题</dt>')
document.writeln('  <dd style=\"display:none\" class=\"dd1\">')
document.writeln('    <ul>')
document.writeln('      <li value=\"s1\">标题</li>')
document.writeln('      <li value=\"s2\">内 容</li>')
document.writeln('      <li value=\"s3\">作 者</li>')
document.writeln('      <li value=\"s4\">录入者</li>')
document.writeln('      <li value=\"s5\">关键字</li>')
document.writeln('    </ul><input name=\"t\" type=\"hidden\" value=\"1\">')
document.writeln('  </dd>')
document.writeln('</dl>')
document.writeln('<dl>')
document.writeln('  <dt onclick=\"AjaxSelectBox(this)\" class=\"dt2\">所有栏目</dt>')
document.writeln('  <dd style=\"display:none\" class=\"dd2\">')
document.writeln('      <ul>')
document.writeln('          <li value=\"s20132278349720\">国土新闻</li>')
document.writeln('          <li value=\"s20133977018825\">政务公开</li>')
document.writeln('          <li value=\"s20139796977736\">在线办事</li>')
document.writeln('          <li value=\"s20137092169662\">网上互动</li>')
document.writeln('          <li value=\"s20133958046772\">业务信息</li>')
document.writeln('      </ul><input name=\"tid\" type=\"hidden\" value=\"0\">')
document.writeln('  </dd>')
document.writeln('</dl>')
document.writeln('<div class=\"search_box\">')
document.writeln('<input type=\"text\" name=\"key\" id=\"key\" value=\"输入关键字\" onFocus=\"if(this.value==\'输入关键字\'){this.value=\'\'}\" onBlur=\"if(this.value==\'\'){this.value=\'输入关键字\'}\" class=\"s_int\" />')
document.writeln('<input name=\"ChannelID\" value=\"1\" type=\"hidden\" />')
document.writeln('<input value=\"\" class=\"s_bon\" type=\"submit\" />')
document.writeln('</div>')
document.writeln('</form>')
页面上这样引用这个js文件<div class="search fixed">
    <script src="/js/search.js"></script>
</div>
这中间没有对这个js文件进行任何操作。按照理想装填下，这个js文件内容输出到页面上应该是以下...
<dd style="display:none" class="dd2">
<ul>)
<li value="20132278349720">国土新闻</li>
<li value="20133977018825">政务公开</li>
<li value="20139796977736">在线办事</li>
<li value="20137092169662">网上互动</li>
<li value="20133958046772">业务信息</li>
</ul><input name="tid" type="hidden" value="0">
</dd>
...
但是实际上页面上输出的内容我通过IE自带的开发人员工具查看是...
<li value="2147483647">国土新闻</li>
<li value="2147483647">政务公开</li>
<li value="2147483647">在线办事</li>
<li value="2147483647">网上互动</li>
<li value="2147483647">业务信息</li>
...
这样描述的清楚了么

Answer 8

document.writeln('<form id=\"SearchForm\" name=\"SearchForm\" method=\"get\" action=\"/item/index.asp\">')
document.writeln('<dl>')
document.writeln('  <dt onclick=\"AjaxSelectBox(this)\" class=\"dt1\">标题</dt>')
document.writeln('  <dd style=\"display:none\" class=\"dd1\">')
document.writeln('    <ul>')
document.writeln('      <li value=\"s1\">标题</li>')
document.writeln('      <li value=\"s2\">内 容</li>')
document.writeln('      <li value=\"s3\">作 者</li>')
document.writeln('      <li value=\"s4\">录入者</li>')
document.writeln('      <li value=\"s5\">关键字</li>')
document.writeln('    </ul><input name=\"t\" type=\"hidden\" value=\"1\">')
document.writeln('  </dd>')
document.writeln('</dl>')
document.writeln('<dl>')
document.writeln('  <dt onclick=\"AjaxSelectBox(this)\" class=\"dt2\">所有栏目</dt>')
document.writeln('  <dd style=\"display:none\" class=\"dd2\">')
document.writeln('      <ul>')
document.writeln('          <li value=\"20132278349720\">国土新闻</li>')
document.writeln('          <li value=\"20133977018825\">政务公开</li>')
document.writeln('          <li value=\"20139796977736\">在线办事</li>')
document.writeln('          <li value=\"20137092169662\">网上互动</li>')
document.writeln('          <li value=\"20133958046772\">业务信息</li>')
document.writeln('      </ul><input name=\"tid\" type=\"hidden\" value=\"0\">')
document.writeln('  </dd>')
document.writeln('</dl>')
document.writeln('<div class=\"search_box\">')
document.writeln('<input type=\"text\" name=\"key\" id=\"key\" value=\"输入关键字\" onFocus=\"if(this.value==\'输入关键字\'){this.value=\'\'}\" onBlur=\"if(this.value==\'\'){this.value=\'输入关键字\'}\" class=\"s_int\" />')
document.writeln('<input name=\"ChannelID\" value=\"1\" type=\"hidden\" />')
document.writeln('<input value=\"\" class=\"s_bon\" type=\"submit\" />')
document.writeln('</div>')
document.writeln('</form>')
这是原来js文件的内容，上一楼发的那个是我修改过后的

Answer 9

原来是IE下的问题啊。估计是IE下，对value的一些处理吧，你可以试试，IE下的这个value的值，最大就是2147483647，
你设置成2147483646可以显示正常，设置成2147483648就不会显示正常了。你换个属性存这东西吧，比如换成
num="20133977018825"具体原因，不知道

Answer 10

value是li的标准属性，用于ul list-style:decimal或者如容器为ol时显示数字，指定开始数字，你的数字太大，导致溢出了see this，e文的
http://www.w3schools.com/tags/att_li_value.asp