МОЙ JQuery код работает нормально, но там, где я его размещаю, он не будет работать. Я много чего перепробовал, но не смог выполнить.
Мой код:
<!DOCTYPE html>
<html5 lang="en">
<head>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function () {
$("select").change(function () {
$(this).find("option:selected").each(function () {
var optionValue = $(this).attr("value");
if (optionValue) {
$(".box").not("." + optionValue).hide();
$("." + optionValue).show();
} else {
$(".box").hide();
}
});
}).change();
});
</script>
</head>
<body>
</section>
<section class="content">
<div class="container-fluid">
<div class="block-header">
</div>
<!-- #END# Basic Example | Vertical Layout -->
<!-- Advanced Form Example With Validation -->
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<div class="body">
<form id="wizard_with_validation" method="POST" class="box">
<h3>CRITERIA</h3>
<fieldset>
<div class="body">
<div class="col-md-12">
<p>
<b>Business Type</b> <span style="color:red">*</span>
</p>
<div class="form-group form-float">
<select class="form-control">
<option selected disabled>Choose Business Type</option>
<option id="sp" value="box">Sole proprietorship</option>
<option id="rp" value="Registered">Registered</option>
<option id="llc" value="Limited">Limited Company</option>
<option id="plc" value="Private">Private limited Company</option>
</select>
</div>
</div>
<div class="box">
<div class="col-md-6">
<p><b>NTN Certificate</b> <span style="color:red">*</span></p>
<div class="form-group">
<div class="form-line">
<input type="file" class="form-control" name="ntncert" id="ntncert">
</div>
</div>
</div>
<div class="col-md-6">
<p><b>NTN Registration Date</b> <span style="color:red">*</span></p>
<div class="form-group">
<div class="form-line">
<input type="date" class="form-control" name="ntncert" id="ntncert">
</div>
</div>
</div>
</div>
</div>
</fieldset>
Если я помещу этот код после тега <div class="body">, он будет работать нормально, но если я разместлю его там, где он сейчас, он не будет работать. Я не знаю, что пошло не так в этом месте.