使用
this.value
在事件处理程序中获取下拉列表中选择的值。
当您从下拉列表中选择某个内容时
change
事件被触发,而不是
click
.
div:gt(5)
不是应该显示结果的div的正确选择器。编号始于
0
所以是DIV number
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>