我想添加<p>选择了值选项的元素。
<select id='select'>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<p>text</p>
<p>text</p>
<p>text</p>如果我选择4，则元素<p>将出现4<p>元素。
如何使用nativ javascript做到这一点？不是jquery
如果您正在寻找普通的JS实现，这是您可以做的。
document.addEventListener("DOMContentLoaded", function() {
let selectEle = document.querySelector("#select");
function setVal() {
let val = selectEle.options[selectEle.selectedIndex].value;
document.querySelector("p").innerText = val;
}
selectEle.addEventListener("change", function(event) {
setVal();
});
setVal();
});<select id='select'>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<p>text</p>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句