Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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_Html - Fatal编程技术网

JavaScript中的调用组合框值

JavaScript中的调用组合框值,javascript,html,Javascript,Html,如何将所选组合框项用作javascript图像调用的变量 HTML JPG先生 .PNG .GIF JavaScript var selectedComb = document.getElementById("fileType"); var selectedFileType = selectedComb.options[selectedComb.selectedIndex]; var selectedType = selectedFileType.value; document.write

如何将所选组合框项用作javascript图像调用的变量

HTML


JPG先生
.PNG
.GIF
JavaScript

var selectedComb = document.getElementById("fileType");
var selectedFileType = selectedComb.options[selectedComb.selectedIndex];
var selectedType = selectedFileType.value;

document.write('<img src="example.com/images/pic + 'selectedType'"/>');
var selectedComb=document.getElementById(“文件类型”);
var selectedFileType=selectedComb.options[selectedComb.selectedIndex];
var selectedType=selectedFileType.value;
文件。写(“”);

现在,显然这不起作用。我怎样才能让它工作?这实际上只是需要修复的document.write行。

在加载文档时,您应该使用它来动态插入内容

根据:

在未调用的情况下写入已加载的文档将自动执行调用

和来自:

如果目标中存在文档,此方法将清除该文档

因此,加载文档后使用将覆盖(或清除)您的文档。由于这些原因

使用

document.body.innerHTML+= '<img src="example.com/images/pic' +selectedType+ '"/>';
document.body.innerHTML+='';
相反,它将解决这个问题


另请参见

combobox是一个UI控件,它是下拉菜单(在HTML中选择)和文本输入(文本类型输入)的组合(因此得名)。HTML没有任何表示为组合框的本机控件。如果您有一个,那么它是用一堆JavaScript构建的,答案取决于该JavaScript。或者,您可能是指“select元素”(这就是您所显示的全部内容)。是哪一个?“现在,显然这不起作用”-为什么很明显?你有什么行为?你期望什么样的行为?JavaScript控制台中报告了哪些错误消息?撇号分隔字符串文字。您还有一个包含字符串的变量<代码>+将字符串连接在一起。看看哪里应该有字符串文字,哪里应该有字符串变量。正如@Quentin所说的,看起来您的连接运算符搞错了,字符串应该是
可能会有所帮助。
document.body.innerHTML+= '<img src="example.com/images/pic' +selectedType+ '"/>';