将“选择”选项附加到“文本”字段
将“选择”选项附加到“文本”字段
提问于 2014-04-09 06:00:16
我有一个选择框和一个文本字段输入框。当前，当用户从“选择框”中选择一个值时，所选值将输入到“文本字段”输入框中。
<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);
}我试过了，但没有附加。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-04-09 06:01:14
你需要给字段没有引号。如果在引号中给出字段，jQuery将尝试查找带有标记名称字段的元素。
现场演示
$(field).val($(field).val() + dropdown.value);Stack Overflow用户
发布于 2014-04-09 06:04:48
使用纯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
Stack Overflow用户
发布于 2014-04-09 06:19:14
我建议使用多选择jquery插件：http://harvesthq.github.io/chosen/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22954055
复制相关文章
相似问题
腾讯云开发者
