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

Answer 2

使用纯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;
    }
}

请参阅以下工作代码：

JSFiddle

Answer 3

我建议使用多选jquery插件： http://harvesthq.github.io/chosen/

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

3 个答案: