嗨，我是 jQuery 新手，我正在嘗試解決這個問題：
從下拉串列 (
<select>) 中選擇一個值時，您需要將 div 標簽的內容（紅色）更改為所選值。請使用jQuery解決這個測驗，請不要在上面的HTML代碼中添加任何id/class！
我已經寫了一個腳本，但是它不起作用，請您幫忙
var content = $( "div:gt(5)" );
$( "select" ).on( "click", function( event ) {
content.html('6 products');
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="toolbar-wrapper">
<div>
<div>
<label>Product Count</label>
<div class="select-group">
<select>
<option value="4 products" selected="selected">4 products</option>
<option value="6 products">6 products</option>
<option value="8 products">8 products</option>
</select>
</div>
</div>
<div>4 products</div>
</div>
</div>uj5u.com熱心網友回復：
this.value在事件處理程式中使用以獲取在下拉串列中選擇的值。
當您從下拉串列中選擇某些內容時，將change觸發事件，而不是click.
div:gt(5)不是應該顯示結果的 div 的正確選擇器。編號從 開始0，所以它是 DIV 編號4。您可以使用.eq(4)來選擇它。
var content = $("div").eq(4);
$("select").on("change", function(event) {
content.html(this.value);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="toolbar-wrapper">
<div>
<div>
<label>Product Count</label>
<div class="select-group">
<select>
<option value="4 products" selected="selected">4 products</option>
<option value="6 products">6 products</option>
<option value="8 products">8 products</option>
</select>
</div>
</div>
<div>4 products</div>
</div>
</div>uj5u.com熱心網友回復：
您可以使用>&位置選擇器定位。
$( "select" ).on( "change", function( event ) {
$('.toolbar-wrapper > div > div:nth-child(2)').html(event.target.value);
});
小提琴！
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/462164.html
標籤：javascript html jQuery