Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于选定值添加多个字段_Javascript_Jquery_Html - Fatal编程技术网

Javascript 基于选定值添加多个字段

Javascript 基于选定值添加多个字段,javascript,jquery,html,Javascript,Jquery,Html,我试图建立一个简单的下拉列表,用户可以选择多个选项,并根据选择的选项,相应的输入字段将打开。我使用选择的jQuery插件来完成这项工作,并使用下面的JavaScript函数根据选择的下拉值填充输入字段,但是它似乎只打开最新选择值的输入字段 为了调试这个,我创建了一个名为selected的空数组,并将所选的下拉值附加到该数组中,然后检查所选的值是否在该数组中,但它的工作方式似乎仍然相同 $(文档).ready(函数(){ 所选var=[]; $(“选择”).change(函数(){ $(this)

我试图建立一个简单的下拉列表,用户可以选择多个选项,并根据选择的选项,相应的输入字段将打开。我使用选择的jQuery插件来完成这项工作,并使用下面的JavaScript函数根据选择的下拉值填充输入字段,但是它似乎只打开最新选择值的输入字段

为了调试这个,我创建了一个名为
selected
的空数组,并将所选的下拉值附加到该数组中,然后检查所选的值是否在该数组中,但它的工作方式似乎仍然相同

$(文档).ready(函数(){
所选var=[];
$(“选择”).change(函数(){
$(this).find(“选项:选中”).each(函数(){
var optionValue=$(此).attr(“值”);
已选择。推送(选项值);
如果(已选择。包括(选项值)){
$(“.field”).not(“.”+optionValue.hide();
$(“+optionValue).show();
}否则{
$(“.field”).hide();
}
});
}).change();
});