添加两个选择到一个选择

Question

我想要javascript 点击＆＃34;添加＆＃34;按键 从第一个＆＃34;选择＆＃34; 而第二个＆＃34; Select＆＃34; 添加＆＃34;选择＆＃34;到第三个 Link

由于

Answer 1

样本：

HTML：

   <div >
        <select name="color" id="sel1">
            <option value="red"> red </option>
            <option value="blue"> blue </option>
            <option value="pink"> pink </option>
            <option value="lime"> lime </option>

        </select>

        <select name="other" id="sel2">
            <option value="value"> text </option>
            <option value="value1"> text1 </option>
            <option value="value2"> text2 </option>
            <option value="value3"> text3 </option>

        </select>

        <button id="click-me">Add ro thrid</button>
    </div>
    <div class="">
        <select name="result" id="result" multiple="" style="height:170px;width: 300px">

        </select>
    </div>

Jquery代码：

        $(function () {
            $("#click-me").click(function () {
                var txt = $("#sel1").val() + '-' + $("#sel2").val();
                $("#result").append("<option value='" + txt + "' >" + txt + '</option>');
            });
        });

JS fiddle

中的示例