gpt4 book ai didi

javascript - 不带按钮选择值

转载 作者:行者123 更新时间:2023-11-28 04:10:27 24 4
gpt4 key购买 nike

我有一个选择,我需要在没有 onclick 功能的情况下为所选设置设置 validatoin。因此,如果我选择“医疗保健”,我可以在段落中添加 HTML 信息,而无需单击按钮。

<select name="industry" id="industry">
<option value="none"> </option>
<option value="1">Healthcare</option>
<option value="2">Mining</option>
<option value="3">Power</option>
<option value="4">Audit</option>
<option value="5">Accounting</option>
<option value="6">IT</option>
<option value="7">Telecommunications</option>
<option value="8">Justice</option>
<option value="9">Insurance</option>
<option value="10">International Organizations/Embassies</option>
<option value="100">Other</option>
</select>

最佳答案

这是纯 JavaScript 的解决方案:

var select = document.getElementById('industry');
var p = document.getElementById('paragraph')

select.addEventListener('change', () => {
p.innerHTML = select.options[select.selectedIndex].value;
})
<select name="industry" id="industry">
<option value="none"> </option>
<option value="1">Healthcare</option>
<option value="2">Mining</option>
<option value="3">Power</option>
<option value="4">Audit</option>
<option value="5">Accounting</option>
<option value="6">IT</option>
<option value="7">Telecommunications</option>
<option value="8">Justice</option>
<option value="9">Insurance</option>
<option value="10">International Organizations/Embassies</option>
<option value="100">Other</option>
</select>

<p id="paragraph"></p>

关于javascript - 不带按钮选择值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46329633/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com