Я пытаюсь создать раскрывающийся список второго уровня с помощью javascript, но он не отобразит меня во втором выпадающем списке. Есть код, который я пробовал, что такое изменение. для этого код может работать нормально ???Создать динамический раскрывающийся список второго уровня с помощью javascript
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
$("#Category").change(function() {
var correspondingID = $(this).find(":selected").val();
$(".style-sub-1").hide();
$("#" + correspondingID).show();
});
</script>
</head>
<body>
<div class="ccms_form_element cfdiv_custom" id="style_container_div">
<label>Choose Category:</label>
<select size="1" id="Category" class=" validate['required']" title="" type="select" name="Category" value="-Select Your Category-">
<optgroup label="-Select Your Category-">
<option value="Charging">Charging</option>
<option value="Consent">Consent</option>
</optgroup>
</select>
<div class="clear"></div>
<div id="error-message-style"></div>
</div>
<div id="Charging" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)">
<label>Which Sub-Category?</label>
<select id="Charging" name="Charging">
<option value="">-Choose A Sub-Category-</option>
<option value="Charging">Charging</option>
</select>
</div>
<div id="Consent" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)">
<label>Which Sub-Category?</label>
<select id="Consent" name="Consent">
<option value="">-Choose A Sub-Category-</option>
<option value="Accuracy">Accuracy</option>
<option value="Double Confirmation">Double Confirmation</option>
<option value="Single Confirmation">Single Confirmation</option>
</select>
</div>
<div class="clear"></div>
<div id="error-message-style-sub-1"></div>
</body>
</html>
Что именно вы ждете от этого ' http: // codepen.io/abgth/pen/GgdQWo' (Только для уточнения, тот же код) –
его работа над ним, но когда я сливаю их и пытаюсь работать в netbeans, это не сработает! !!! –
Вы добавили JQuery, видимо, jquery отсутствует в коде. добавьте '' перед кодом JS' –