逗号分隔的选择值的值,并将第二个值附加到其他选择选项

时间:2016-06-06 23:12:12

标签: javascript jquery select option

我正在努力解决一个问题,我如何从逗号分隔选择值中获取值并将第二个值附加到其他选择选项? 我的HTML看起来

<select id="firstSelecter_ID1">

<option value"first value, second value, third value">option1</option>
<option value"first value, second value, third value">option2</option>
<option value"first value, second value, third value">option3</option>
<option value"first value, second value, third value">option4</option>

</select>

<select id="secondSelecter_ID2">

<option value"second value">option1-a</option>
<option value"second value">option2-a</option>
<option value"second value">option3-a</option>
<option value"second value">option4-a</option>

</select>



    var entry6 = $('#Id_6')
    entry6.on('change', 'select#firstSelecter_ID1', function (e) {
...
    option value ,second .append() to #secondSelecter_ID2 as new option value =""
...
}

非常感谢有人能给我这个想法,我希望我能够正确地提出这个问题并且可以理解 关心马蒂

2 个答案:

答案 0 :(得分:0)

尝试类似

的内容
$('#select_1 option').each(function(){
   var secondVal = this.value.split(',')[1].trim(),       
       $opt = $('<option>').val(secondVal).text($(this).text());    
   $('#select_2').append($opt);
});

答案 1 :(得分:0)

好的,我得到它的工作方式我需要它......

    entry1.on('change', 'select#actiontypeSelect', function (e) {

    $("select#secondSelecter_ID2 option:eq(1)").remove();
    $("select#secondSelecter_ID2 option:last").remove();
    $('select#actiontypeSelect').each(function () {


        var value1 = $('select#actiontypeSelect').find("option:selected").val();

        var secondVal = value1.split(',')[1].trim(),
                $opt = $('<option>').val(secondVal).text('Exclusive Equipment');
        $('#secondSelecter_ID2').append($opt);
        console.log(value1);
    });
    $("select#secondSelecter_ID2").append('<option value="0.00">Inclusive Equipment</option>');
    e.preventDefault();

});

这使我从所选选项中获得第二个值,并附加为新选项,并将值附加到其他选择框。

特别感谢@charlietfl他给了我正确的方法。