Question

我从选择框1中选择了多个字段并选择了框2.然后点击执行按钮，我的警报显示＆＃34; AnimalBird，WolfFox＆＃34;。当我点击执行按钮选择多个字段时，我已经用Google搜索了如何添加逗号，但没有运气。我想读它＆＃34;动物，鸟，狼，狐狸＆＃34;用逗号。以下是我的代码 HTML：

<select name="select1" id="select1" size="4" multiple>
    <option value="1">Fruit</option>
    <option value="2">Animal</option>
    <option value="3">Bird</option>
    <option value="4">Car</option>
</select>
<select name="select2" id="select2" size="4" multiple>
    <option value="1">Banana</option>
    <option value="1">Apple</option>
    <option value="1">Orange</option>
    <option value="2">Wolf</option>
    <option value="2">Fox</option>
    <option value="2">Bear</option>
    <option value="3">Eagle</option>
    <option value="3">Hawk</option>
    <option value="4">BWM</option>
</select>

<input type="button" id="button" value="Execute" />

的javascript：

$("#select1").change(function() { 
    if($(this).data('options') == undefined){
        /*Taking an array of all options-2 and 
            kind of embedding it on the select1*/
        $(this).data('options',$('#select2 option').clone());
    } 
    var id = $(this).val();

    console.log(id);

    var options = $(this).data('options').filter(function () {
        return $.inArray(this.value, id) > -1
    });
    $('#select2').html(options);
});

$('#button').click(function() {
    var str = $('#select1 option:selected').text() +','+ $('#select2 option:selected').text();
    alert(str);
});

如果可能，我希望所选字段显示在执行按钮下方。

谢谢大家的帮助。

Answer 1

以一种整洁的方式做到这一点：

$('#button').click(function() {
    var values = [];
    $('#select1 :selected, #select2 :selected').each(function() {
        values.push($(this).text());
    });
    alert(values.join(','));
});

我们在这里使用的是以下技术：

$().each()方法：循环选定的元素集;
Array.push()方法：将一个字符串附加到数组一次;
Array.join(separator)方法：只需加入数组中的字符串;

Answer 2

尝试循环播放

http://jsfiddle.net/xd7pq22y/

$("#select1").change(function() { 
if($(this).data('options') == undefined){
    /*Taking an array of all options-2 and kind of embedding it on the select1*/
    $(this).data('options',$('#select2 option').clone());
    } 
var id = $(this).val();

    console.log(id);


    var options = $(this).data('options').filter(

    function () {
        return $.inArray(this.value, id) > -1
    });
    $('#select2').html(options);
});

$('#button').click(function() {
    var values = [];

     $('#select1 option:selected').each(function() {
        values.push($(this).text());
    });
    $('#select2 option:selected').each(function() {
        values.push($(this).text());
    });
    $("#wrapper").html(values.join(", "));
    });

在选定的弹出字段中添加逗号

2 个答案:

我们在这里使用的是以下技术：