javascript - 将选择选项附加到文本字段

Question

我有一个选择框和一个文本字段输入框。目前，当用户从选择框中选择一个值时，所选值将被输入到文本字段输入框中。

<select name="nSupervisor" id="iSupervisor" onchange="PopulateUserName()">
        <option value="fff">fff</option>
        <option value="test1">test1</option>
        <option value="dd">dd</option>    
    </select>  
<input id="iSupervisorUserName" name="OBKey_WF_Manger_Supervisor_1" type="text" />

function PopulateUserName() {
    var dropdown = document.getElementById("iSupervisor");
    var field = document.getElementById("iSupervisorUserName");
    field.value = dropdown.value;
}

Jsfiddle http://jsfiddle.net/Hx6J5/1/

目前它只需要一个输入。

我希望它附加输入，这样该字段将接受多个选择值，因此如果用户选择“fff”，“fff”将被输入到该字段中。如果用户随后选择“dd”，则 field.value 应变为“fff/dd”，并以“/”作为分隔符。

function PopulateUserName() {
    var dropdown = document.getElementById("iSupervisor");
    var field = document.getElementById("iSupervisorUserName");
$('field').val($('field').val() + dropdown.value);

}

我已经试过了，但它没有追加。

Answer 1

您需要提供不带引号的字段。如果字段在引号中给出，jQuery 将尝试查找带有标签名称字段的元素。

Live Demo

$(field).val($(field).val() + dropdown.value);