Javascript 尝试在使用类选择时获取下拉选项
Javascript 尝试在使用类选择时获取下拉选项,javascript,jquery,Javascript,Jquery,function(){ return$('.category w-select选项:selected').text(); } -请选择一个- 珠宝 豪华手表 贵金属或宝石 数码产品 工具、设备 乐器、设备 车辆 枪 其他 古董 设计师服饰;手提包 只需使用一个类 $('.category option:selected').text() 首先,您的select元素选择器不正确。您还需要将代码放在change事件处理程序中。最后,您需要处理事件处理程序中的值-您不能从匿名函数返回任何内容。试试
function(){
return$('.category w-select选项:selected').text();
}
-请选择一个-
珠宝
豪华手表
贵金属或宝石
数码产品
工具、设备
乐器、设备
车辆
枪
其他
古董
设计师服饰;手提包
只需使用一个类
$('.category option:selected').text()
首先,您的
select
元素选择器不正确。您还需要将代码放在change
事件处理程序中。最后,您需要处理事件处理程序中的值-您不能从匿名函数返回任何内容。试试这个:
$('.category.w-select').change(function(){//注意连接的选择器
var selectedText=$(this).find('option:selected').text();
//在此处使用selectedText。。。
console.log(selectedText);
});代码>
-请选择一个-
珠宝
豪华手表
贵金属或宝石
数码产品
工具、设备
乐器、设备
车辆
枪
其他
古董
设计师服饰;手提包
在选择器中,要么只使用一个类,要么使用一个
来分隔类,而不是空格。例如:$('.category.w-select选项:selected').text()
或$('.category选项:selected').text()
在onchange处理程序中使用该函数将帮助您在值更改时获取值。如果没有it,则仅当文档加载时(即一次加载)才会执行该功能
$(函数(){
$('.category.w-select')。在('change',function()上{
console.log($('.category.w-select选项:selected').text();
})
})
-请选择一个-
珠宝
豪华手表
贵金属或宝石
数码产品
工具、设备
乐器、设备
车辆
枪
其他
古董
设计师服饰;手提包
没问题。如果答案有帮助的话,别忘了投票/接受答案。请注意如何改进这个答案,解释这个和选择器的用法