Javascript 将选择选项附加到文本字段

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

<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;
}

---

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

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

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

---

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

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

使用纯JS：

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

请参阅工作代码，网址为：

使用纯JS：

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

请参阅工作代码，网址为：

---

我建议使用多选jquery插件：

---

我建议使用多选jquery插件：

---

这也有效，$（field）.val（$（field）.val（）+dropdown.value）；在这里检查，这也可以，$（field）.val（$（field）.val（）+dropdown.value）；检查这里，不要在字段上使用引号。不要在字段上使用引号。