我需要一个代码从下拉菜单中获取输入，并使用HTML和Javascript将输出作为图像
我不熟悉HTML和Javascript。当用户从下拉列表中选择一个选项时，我想更改输入文本并显示图像。通过一个函数getname，我已经使变化的文本部分工作，但我无法将图像作为输出我需要一个代码从下拉菜单中获取输入，并使用HTML和Javascript将输出作为图像,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我不熟悉HTML和Javascript。当用户从下拉列表中选择一个选项时，我想更改输入文本并显示图像。通过一个函数getname，我已经使变化的文本部分工作，但我无法将图像作为输出 <HTML> <Head> <Title>Hi</Title> <H1>Hi</H1> </head> <body>
<HTML>
<Head>
<Title>Hi</Title>
<H1>Hi</H1>
</head>
<body>
<select name="dropdown" id="dropdown">
<option value="Maruti">Maruti</option>
<option value="Tata">Tata</option>
<option value="Mahindra">Mahindra</option>
<option value="Fiat">Fiat</option>
</select>
<input type="text" name="name" id="name" onClick="getName()">
<script>
function getName(){
var select = document.getElementById('dropdown');
var input = document.getElementById('name');
select.onchange = function() {
input.value = select.value;
}
function getImage(){
var img = document.getElementById('dropdown');
if (img.value=="Tata"){
show_image("Tata.bmp", 276, 110);
}
else
{if (img.value=="Maruti"){
show_image("Maruti.bmp", 276, 110);
}
else
{if (img.value=="Mahindra"){
show_image("Mahindra.bmp", 276, 110);
}
else
{if (img.value=="Fiat"){
show_image("Fiat.bmp", 276, 110);
}
}
}
}
}
</script>
</body>
</HTML>
你好
你好
玛鲁蒂
塔塔
马欣德拉
法令
函数getName（）{
var select=document.getElementById（'dropdown'）；
var input=document.getElementById（'name'）；
select.onchange=function（）{
input.value=select.value；
}
函数getImage（）{
var img=document.getElementById（'dropdown'）；
如果（img.value==“塔塔”）{
显示图像（“Tata.bmp”，276110）；
}
其他的
{if（img.value==“Maruti”）{
显示图像（“Maruti.bmp”，276110）；
}
其他的
{if（img.value==“Mahindra”）{
显示图像（“Mahindra.bmp”，276110）；
}
其他的
{如果（img.value==“菲亚特”）{
显示图像（“Fiat.bmp”，276110）；
}
}
}
}
}
感谢一种方法是，当用户从下拉列表中选择选项时，您创建一个img标签并将图像放置在那里。下面是正在运行的更新代码
<HTML>
<Head>
<Title>Hi</Title>
<H1>Hi</H1>
</head>
<body>
<select name="dropdown" id="dropdown">
<option value="Maruti">Maruti</option>
<option value="Tata">Tata</option>
<option value="Mahindra">Mahindra</option>
<option value="Fiat">Fiat</option>
</select>
<input type="text" name="name" id="name" />
<img id="imgHere" src="" />
<script>
function getName(){
var select = document.getElementById('dropdown');
var input = document.getElementById('name');
select.onchange = function() {
input.value = select.value;
getImage();
}
}
function getImage(){
var img = document.getElementById('dropdown');
var imgTag = document.getElementById('imgHere');
if (img.value=="Tata"){
imgTag.src = "1.png";
} else if (img.value=="Maruti"){
imgTag.src = "2.png";
} else if (img.value=="Mahindra"){
imgTag.src = "3.png";
} else if (img.value=="Fiat"){
imgTag.src = "Fiat.bmp";
}
}
window.onload = getName;
</script>
</body>
你好
你好
玛鲁蒂
塔塔
马欣德拉
法令
函数getName（）{
var select=document.getElementById（'dropdown'）；
var input=document.getElementById（'name'）；
select.onchange=function（）{
input.value=select.value；
getImage（）；
}
}
函数getImage（）{
var img=document.getElementById（'dropdown'）；
var imgTag=document.getElementById（'imgHere'）；
如果（img.value==“塔塔”）{
imgTag.src=“1.png”；
}else if（img.value==“Maruti”）{
imgTag.src=“2.png”；
}否则如果（img.value==“Mahindra”）{
imgTag.src=“3.png”；
}否则如果（img.值=“菲亚特”）{
imgTag.src=“Fiat.bmp”；
}
}
window.onload=getName；