[英]How jQuery to change a second select list based on the Third select list option and second select based upon first
[英]Select option change values based on first select option , Jquery
下面對代碼做一個簡單的解釋:
在 JSFiddle 上,我的代碼可以工作,但每當我在我的網站上傳輸它時,我都會收到 Uncaught: TypeError。 請提供解決 TypeError 的建議。
$('#myButton').on('click', function() { var op1 = document.getElementById("op1").value; alert(op1); var op2 = document.getElementById("op2").value; alert(op2); if (op1 =='a'){ $("#op2").html("<select id='op2'><option value='800'>800</option><option value='3000'>3000</option></select>"); } })
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id="op1" > <option value="a">a</option> <option value="b">b</option> <option value="all">all</option> </select> <select id="op2"> <option value="1">1</option> <option value="11">11</option> </select> <input type="submit" value="button" id="myButton" class="buttonClass" />
您的腳本需要放在頭標簽<head></head>
中,並且必須在腳本之前加載。
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="yourLocalPath.js"></script>
</head>
<body>
<select id="op1" >
<option value="a">a</option>
<option value="b">b</option>
<option value="all">all</option>
</select>
<select id="op2">
<option value="1">1</option>
<option value="11">11</option>
</select>
<input type="submit" value="button" id="myButton" class="buttonClass" />
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.