javascript - 用选项命令替换javascript的内容

标签 javascript html css

<分区>

我想从选项中创建一个命令并转到 javascript 然后在输入框中显示它。

<select id="change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type="text/javascript">
show('Cat');
</script>

<input/>

当我选择其中一个选项时,javascript 中的内容会自动更改。并运行reload函数,然后在输入框中显示结果。

最佳答案

您可以尝试根据此代码段进行调整以适应您的最佳需求

<select id="change">
    <option>Cat</option>
    <option>Dog</option>
    <option>Fish</option>
</select>

<script type="text/javascript">
  document.getElementById('change').addEventListener('change', function(e) {
    document.getElementsByTagName('input')[0].value = e.target.value;
  });
</script>

<input/>

如果你想调用show你可以有选定的值

document.getElementById('change').addEventListener('change', function(e) {
  var selected = e.target.value;
  show(selected);
});

关于javascript - 用选项命令替换javascript的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49654210/

上一篇:javascript - 不显示此警报 ---> 警报 ("I am inside change");

下一篇:css - 如何根据 CSS 变量值显示可变数量的元素

相关文章:

javascript - 如何切换链接(不是按钮)以显示和隐藏文本

html - 即使使用 !important,字体颜色也不会改变

css - css中如何不继承宽度?

javascript - 链接下拉框以从原始页面的另一个页面打开信息

javascript - 如何使用 jQuery 从计算机上传图像文件并设置为 div 背景图像?

html - 图像标签顶部的 CSS 渐变 (HTML)

javascript - 从另一个页面直接链接到特定的选项卡 Pane

Jquery DatePicker 在文本框的背面加载 - css 问题

javascript - 循环中暂停并重新启动setTimeout

html - 爬虫能否找到使用 body 的 onLoad() 和 ajax 加载的内容?