選擇在選擇另一個選擇框的選項時，嘗試獲取innerhtml以顯示選擇框。
這是我的代碼：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj 3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<script> // In your Javascript (external .js resource or <script> tag)
$(document).ready(function() {
$("#cars2").select2();
});
</script>
<!--Need help here-->
<script>
function myFunction(event){
var x = document.getElementById("myDIV");
//here you are picking the selected option item
var y = $('select#cars2 option:selected').val();
switch (y) {
case '1':
x.innerHTML = "<label for="carsyo">Choose a yingyang</label>
<select name="cars3" id="cars4">
<option value="volvo">Voldo</option>
<option value="saab">Roy drives</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>";
break;
case '2':
x.innerHTML = "<p>Roy!</p>";
}
}
</script>
<style>
select {
width: 150px;
}
</style>
</head>
<body>
<div id="myDIV"><p>
Hello
</p></div>
<label for="cars">Choose a car:</label>
<select id="cars2" onchange="myFunction()">
<option value="0">Pick something</option>
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Opel</option>
<option value="4">Audi</option>
</select>
</body>
</html>
JSFiddle在這里：https ://jsfiddle.net/CoolBuys1290/59qmbt0f/28/
網頁不做任何事情。由于某種原因，我必須添加額外的文本。
請幫助一個菜鳥。
謝謝
uj5u.com熱心網友回復：
在第 20-27 行，您有一個帶"引號的多行字串。如果不添加到每行的末尾，則無法"在 JS 中創建多行字串。\因此，只需將 替換為"您`需要創建多行字串的位置，如下所示：x.innerHTML = `<label for="carsyo">Choose a yingyang</label>
更好的選擇是將第二個選擇直接包含在您的 HTML 中并像這樣顯示/隱藏它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/462176.html
標籤：javascript html jQuery jQuery-select2
上一篇：如何將變數設定為表單輸入的輸出？
下一篇：通過內容嵌套陣列映射不起作用