18910140161

HTML-如何连接DIV和JavaScript函数和事件,并创建将下拉列表中的值传递到另一个元素的函数?-堆栈溢出

顺晟科技

2022-10-18 14:12:46

234

我创建了一个包含汽车名称的下拉列表。我想在JavaScript中创建一个事件,在从下拉列表中选择一些元素后,该事件将使用该函数传递给div块。例如,我从下拉列表中选择一辆奥迪,并在DIV块中打印它是一辆奥迪。我想创建一个事件和一个函数,在使用该函数从下拉列表中选择一个选项后,它将被传递给Giant块。我已经创建了一个函数,它从下拉列表中获取一个项目的值,但我不知道如何继续实现我的目标。这是我的代码。

function jsFunction(value) {
  var div1 = document.getElementById('div1')
  var newparagraph = document.createElement("p");
  newparagraph.innerText(value);
  div1.appendChild(newparagraph);
}
<代码><;选择ID=“ DDL ” name=“ DDL ” onmousedown=“ this.HTML=' ';” onchange=“ JsFunction(this.value);”>;<;option ID=“ audi1 ” value=' 1 '>;奥迪<;/option>;<;option ID=“ Mercedes2 ” value=' 2 '>;Mercedes<;/option>;<;option ID=“ BMW3 ” value=' 3 '>;BMW<;/option>;<;/选择>;<;DIV ID=“ div1 ”>;<;/DIV>;


顺晟科技:

<select id="ddl" name="ddl" onmousedown="this.html='';" onchange="jsFunction(this.value);"> <option id="Audi1" value='1'>Audi</option> <option id="Mercedes2" value='2'>Mercedes</option> <option id="BMW3" value='3'>BMW</option> </select> <div id="div1"> </div>将显示1、2或3

您需要选项

的文本

请注意,我将代码放在Load事件处理程序中,这样我们就可以将代码放在我们想要包含在head

中的位置。

newparagraph.innerText = value;
<代码><;选择ID=“ DDL ” name=“ DDL ”>;<;选项值=' '>;请选择<;/选项>;<;选项值=' 1 '>;奥迪<;/选项>;<;option value=' 2 '>;Mercedes<;/option>;<;选项值=' 3 '>;BMW<;/选项>;<;/选择>;<;DIV ID=“ div1 ”>;<;/DIV>;

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航