在列表标记中不同option的value值能否一样,为什么

可以一样。

value值是用来传到服务器的，也就是说如果你多个option的value值相同时，你在这中间先任意一个，传到服务器上时得到的都相同的结果。

1创建一个名称为 option_value 的html文件

2添加一个select下拉框 设置id为 my_option_id_value,添加多个option选项

3添加一个button按钮,在点击事件中加入自定义函数 为my_option_value 添加一p标签,设置id 为 show_option_value

4在javascript中创建一个自定义函数 my_option_value

var dataArray = [];

$('ul')children('li')each(function(){

var self = $(this)children('p');

var data = {

'pli_id': selfeq(0)text(),

'pli_name': selfeq(1)text(),

'pli_age': selfeq(2)text()

};

dataArraypush(data);

});

最后dataArray里面就是一个对象的数组，具体就是

[

{ pli_id: '1001', pli_name: '小强', pli_age: 13 },

{ pli_id: '1002', pli_name: '小丽', pli_age: 14 },

{ pli_id: '1003', pli_name: '小明', pli_age: 12 },

{ pli_id: '1004', pli_name: '小红', pli_age: 14 }

]

jquery提供了map()方法，把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组。最后，使用 join() 函数将数组链接为字符串，便于输出。关键代码为

$("span a")map(function() { return $(this)html();})get()join(" ");

实例演示：获取所有span标签下的超链的名称

创建Html元素

<div class="box">

<span>实例演示：获取所有span标签下的超链的名称</span><br>

<div class="content">

<span><a href="#">无线上网</a></span>

<span><a href="#">可以刷卡</a></span>    

</div>

<input type="button" value="获取">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){ 

$(":button")click(function() {

text = $("span a")map(function() {

return $(this)html();

})get()join(" ");

alert(text);

});

});

观察效果

以上就是关于在列表标记中不同option的value值能否一样,为什么全部的内容，包括:在列表标记中不同option的value值能否一样,为什么、JQUERY，请问如何获取LI下所有元素的VALUE值、jquery如何获取脚本中数组的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！