Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery:以逗号形式从选择框中获取所选文本_Javascript_Jquery - Fatal编程技术网

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(', ');