JQuery获取当前选择当前选项值
JQuery获取当前选择当前选项值
提问于 2018-06-15 03:39:43
我在一个按钮后有不同的选择(数量)
<button type="button" class="btn btn-sm btn-primary" id="addtocart2" >Button1</button>
<select id="quantity1" class="ml-1">
<option value="4">4</option>
</select>
<button type="button" class="btn btn-sm btn-primary" id="addtocart2" >Button2</button>
<select id="quantity1" class="quantity ml-1">
<option value="3">3</option>
</select>我想要的是，当我点击button1时，我收到4；当点击button2时，我收到3。
就像这样
var nextoption = $('button[id*="addtocart"]').click(function() { console.log($(this).closest('select').text()); });提前谢谢。
回答 2
Stack Overflow用户
发布于 2018-06-15 03:41:57
closest()用于获取与选择器匹配的最近父元素。select元素是兄弟元素，因此您需要使用next()。此外，要获取所选选项的值，请使用val()
var nextoption = $('button[id*="addtocart"]').click(function() {
console.log($(this).next('select').val());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-sm btn-primary" id="addtocart2">Button1</button>
<select id="quantity1" class="ml-1">
<option value="4">4</option>
</select>
<button type="button" class="btn btn-sm btn-primary" id="addtocart2">Button2</button>
<select id="quantity1" class="quantity ml-1">
<option value="3">3</option>
</select>
Stack Overflow用户
发布于 2018-06-15 04:40:21
您还可以使用:selected访问选定的选项。
$('#addtocart1').click(() => {
console.log($('#quantity1 option:selected').val());
});
$('#addtocart2').click(() => {
console.log($('#quantity2 option:selected').val());
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-sm btn-primary" id="addtocart1">Button1</button>
<select id="quantity1" class="ml-1">
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<button type="button" class="btn btn-sm btn-primary" id="addtocart2">Button2</button>
<select id="quantity2" class="quantity ml-1">
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50864744
复制相关文章
相似问题
腾讯云开发者
