javascript - 设置附加到文本区域的字符串的顺序

Question

我正在将选择输入元素中的值添加到文本区域。然后我如何添加条件，以便如果选择某个选项值，它总是添加在所有其他选项的末尾？

HTML

<p>
    <select name="selectfield" id="selectfield">
        <option value="" selected>- Select -</option>
        <option value="HTML/">HTML/</option>
        <option value="CSS/">CSS/</option>
        <option value="JQUERY/">JQUERY/</option>
    </select>
</p>

<textarea style="width:100%" name="info" id="info" cols="20" rows="5"></textarea>

jQuery

$("#selectfield").on("change", function() {
    var $select = $(this);
    $("#info").val(function(i, val) {
        return val += $select.val();
    })
});

在此示例中，我希望“HTML/”始终位于文本区域的末尾，无论何时选择它。

<强> FIDDLE

Answer 1

当您设置文本区域的值时，请比较选择的值。如果它是您想要添加到末尾的字符串，则将其添加到值的末尾，否则将其添加到开头。

if($select.val()==="HTML/")
    return val = val + $select.val();
else
    return val = $select.val() + val;

https://jsfiddle.net/qshcr01a/