我想把一个外部html文件h12_load.html中的元素显示到一个 Select 列表中,如果其中一个被点击,它就会显示到一个名为divResults的div中.
当 Select /点击第一个选项时,它不会被添加到divResults中.
这就是我try 过的:
HTML JQuery:&
<select name="" id="SelectionList">
<option value="" id="option1"></option>
<option value="" id="option2"></option>
</select>
<div id="divResult"></div>
<script>
$(document).ready(() => {
let option1 = $('#option1').append().load('h12_load.html #content')
let option2 = $('#option2').append().load('h12_load.html #meerContent')
$('#SelectionList').on('change', function () {
if ($('#option1').is(':selected')) {
$('#divResult').append(option1)
} if ($('#option2').is(':selected')) {
$('#divResult').append(option2)
}
}
)
})
</script>
外部HTML文件:
<div id="content">
<h2>Deze inhoud wordt geladen via $.load()</h2>
</div>
<div id="meerContent">
<p>Lorem ipsum dolor sit....</p>
</div>
请帮忙,已经谢谢了!