用jq的attr()函数，如：
HTML：
<select><option name="aa" data-id="01"></option>
<option name="bb" data-id="02" selected="selected"></option>
<option name="cc" data-id="03"></option>
</select>
JQ:
$(document)ready(function(){var a = $("select option:selected")attr("name");
var b = $("select option:selected")attr("data-id");
alert(a + "\n" + b);
});
bootstrap下拉框select可以通过以下步骤实现：
获取多选下拉框对象数组
循环判断option选项的selected属性（true为选中，false为未选中）
使用value属性取出选中项的值。
实例演示如下：
HTML结构 option-A option-B option-C option-D
javascript代码
function fun(){
var select = documentgetElementById("test");
var str = [];
for(i=0;i<selectlength;i++){
if(selectoptions[i]selected){
strpush(select[i]value);
JSP提交表单后，怎么得到下拉框select选中项的value值？
要得到下拉框select选中项的value值，我们要把jsp里的下拉框的选中值传递给servlet。
在servlet中String select=requestgetParameter("selectName")，得到的是选中的option的value值，
那么如果我们把value值等于它的选择项的值得话就可以了
比如
<select name="selectName">
<option value="羽毛球">羽毛球</option >
<option value="篮球">羽毛球</option >
<option value="足球">羽毛球</option >
可能你们想要修改默认显示的值。是需要修改tilte的值而不是val属性值
$("selectpicker")selectpicker({
title:"默认值"
});
$('#departmentSelect')find("option[value='']")attr("selected", "true");
$("#departmentSelect")selectpicker('refresh');
请参考上面的代码。
<!DOCTYPE html><html><head> <title>jQuery bootstrap-select可搜索多选下拉列表插件</title> <script src="/js/jquery-1113js"></script> <script type="text/javascript" src="/js/bootstrap-selectjs"></script> <link rel="stylesheet" type="text/css" href="/css/bootstrap-selectcss"/> <link href="/css/dist/css/bootstrapcss" rel="stylesheet"/> <script src="/css/dist/js/bootstrapjs"></script> <script type="text/javascript"> $(document)ready(function () { $('selectpicker')selectpicker({ 'selectedText': 'cat', header: 'Select a condiment', 'noneSelectedText': '请选择', 'deselectAllText': '全不选', 'selectAllText': '全选' }); }); </script></head><body><select class="selectpicker" multiple data-live-search="true" data-actions-box="true"> <option>name</option> <option>addr</option> <option>email</option> <option selected>phone</option> <option>tel</option></select></body></html>
$("#logstore")append("<option value="+value+">"+name+"</option>");
这个$后面的点去掉
以上就是关于如何JQ获取option的name和data-id全部的内容，包括:如何JQ获取option的name和data-id、bootstrap下拉框select怎么实现、selectpicker;怎么设置默认显示哪个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）