Javascript jQuery:以逗号形式从选择框中获取所选文本
假设我选择了前两个选择选项 但我得到的是值Javascript jQuery:以逗号形式从选择框中获取所选文本,javascript,jquery,Javascript,Jquery,假设我选择了前两个选择选项 但我得到的是值测试值1测试值2 我希望它是测试值1,测试值2试试看 尝试: 试试这样的方法 $("#select-values").click(function () { var select = ""; $("select option:selected").each(function(){ select += ","+$(this).text(); }); if(select != ""){ sel
测试值1测试值2
我希望它是测试值1,测试值2
试试看
尝试:
试试这样的方法
$("#select-values").click(function () {
var select = "";
$("select option:selected").each(function(){
select += ","+$(this).text();
});
if(select != ""){
select = select.substr(1);
}
$("#selection").text(select);
});
您是否知道,当您想要获取多选框的值时,它会自动执行此操作^^ 只需更改所选内容的值:
$(document).ready(function () {
$("#select-values").click(function () {
var val = [];
$("select option:selected").each(function () {
val.push(this.text);
});
alert(val.join(','));
});
});
它将自动用逗号分隔这些值
尝试:
var selectedItems=($.map($($)选择[id*=选择值]选项:已选定”),函数(项,i){
返回$(item.text()})).join(“,” 这感觉是最快的方式:
$('#testID').val();
我懒得为此编写for循环保持简单
$('#testID').val().toString()
您是否定义了正确的变量
var option\u all=
?@jogesh\u pi sorry是一个输入错误。添加了演示也很酷。。很好,+1,仅供参考,您能在点击按钮时选择值,以便在点击时单独显示,而不选择要显示的值吗?-@TusharGupta@NathanLee我不明白您要求的是什么?当您按下“获取下拉选择值”按钮时,每个框中的值应打印在下一行,而无需选择要打印的值,并且每次打印应以统一的顺序进行,例如,当您单击“获取下拉选择值”按钮时,测试值1,测试值2等应在每次单击的下一行单独打印。有可能吗@塔斯哈格帕斯塔兰奇。在我这边发生的是,当我选择一个值并按下按钮时,什么都没有发生,而TuChargupta解决方案所做的是,当我选择值并按下按钮时,它会显示打印在下一行的相同值。你的解决方案不同吗@我不知道。你检查过整个控制台了吗?它可能打印在第一行是的。我检查了整个,在您的解决方案中,没有显示任何内容。即使是Nkmol的溶液也会显示一个警报,指示值的选择。-@HiralIt正在工作,但没有打印值。只是安慰。我想你没有检查控制台日志.works grea!因为您可以使用已经缓存的值,以防以前获取它们,但仅当选项文本和值相同时才起作用!
$(document).ready(function () {
$("#select-values").click(function () {
var val = [];
$("select option:selected").each(function () {
val.push(this.text);
});
alert(val.join(','));
});
});
<select id="testID" multiple="multiple">
<option value="test Value1">test Value1</option>
<option value="test Value2">test Value2</option>
<option value="test Value3">test Value3</option>
<option value="test Value4">test Value4</option>
<option value="test Value5">test Value5</option>
<option value="test Value6">test Value6</option>
</select>
$('#testID').val();
$('#testID').val().toString()
$('#testID').val().join(', ');