从下拉菜单中更改html代码

时间:2016-12-06 09:22:09

标签: javascript html dropdown

我想这对你们中的一些人来说非常简单,但到目前为止我尝试了一些事情而且都没有效果。我有一个php文件,它显示一个表单,用户点击该表单。我想根据用户从下拉菜单中选择的内容更改一些代码,但不要点击提交。例如,用户选择选项1并显示<div id="option1"><img src="something.jpg"/></div>。用户选择选项2,而下面显示<div id="option2"><img src="something2.jpg"/></div>。我正在研究onchange和一个函数,但不清楚如何在该函数中显示div。我想<option value="...的价值不能算是div。那我该怎么做呢?所有这些都发生在php文件中。非常感谢,任何指导和想法都会有所帮助。

<select id="mySelect" onchange="myFunction()">
  <option value="1">option 1
  <option value="2">option 2
  <option value="3">option 3
</select>

这里标记为重复的问题的不同之处在于它是php文件的一部分。

0 个答案:

没有答案