我在標簽中添加一個input表單，如下所示：bootstrap 5
<div class="container">
<div class="row justify-content-center my-5">
<div class="col-auto">
<ul class="nav bg-dark">
<li class="nav-item">
<a class="nav-link link-secondary" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" href="#">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link link-secondary" id="about-tab" data-bs-toggle="tab" data-bs-target="#about" href="#">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link link-secondary active" id="album-tab" data-bs-toggle="tab" data-bs-target="#album" href="#">ALBUM</a>
</li>
</ul>
<div class="tab-content" id="tabContent">
<div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
<img class="img-fluid" src="https://fakeimg.pl/800x300/?text=home" />
</div>
<div class="tab-pane fade" id="about" role="tabpanel" aria-labelledby="about-tab">
<img class="img-fluid" src="https://fakeimg.pl/800x300/?text=about" />
</div>
<div class="tab-pane fade show active" id="album" role="tabpanel" aria-labelledby="album-tab">
<input id="searchDateFrom" type="text" class="form-control search-by-date" data-name="searchDateFrom">
<img class="img-fluid" src="https://fakeimg.pl/800x300/?text=album" />
</div>
</div>
</div>
</div>
</div>
JS：
var dateFrom = $('#searchDateFrom').val();
$('#searchDateFrom').change(function() {
console.log(dateFrom);
});
現在，在行動中，我需要使用 jQuerychange方法獲取輸入值。但是，更改值后，我看不到任何結果。（into console log以防萬一）
我該如何解決這個問題？！
演示
uj5u.com熱心網友回復：
問題是，您不會在更改時重繪 變數“dateFrom”的值。
dateFrom 保持其初始值，即“”。在更改時，它會記錄此值。
您應該將代碼更改為：
var dateFrom;
$('#searchDateFrom').change(function() {
dateFrom = $('#searchDateFrom').val();
console.log(dateFrom);
});
這將在更改時更新變數的值并在之后記錄它。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429632.html
標籤：javascript jQuery 推特引导 引导程序 5
下一篇：引導程式中的容器類有問題嗎？