我在我选择的元素的变化事件上绑定了一个事件:
$('select').on('change', '', function (e) {
});
当发生更改事件时,我如何访问被选中的元素?
我在我选择的元素的变化事件上绑定了一个事件:
$('select').on('change', '', function (e) {
});
当发生更改事件时,我如何访问被选中的元素?
当前回答
我觉得这样更短更干净。此外,如果有多个选定项,您可以迭代;
$('select').on('change', function () {
var selectedValue = this.selectedOptions[0].value;
var selectedText = this.selectedOptions[0].text;
});
其他回答
参见官方API文档 https://api.jquery.com/selected-selector/
这是好事:
$( "select" ).on('change',function() {
var str = "";
// For multiple choice
$( "select option:selected" ).each(function() {
str += $( this ).val() + " ";
});
});
and
$( "select" ).on('change',function() {
// For unique choice
var selVal = $( "select option:selected" ).val();
});
并且易于独特的选择
var SelVal = $( "#idSelect option:selected" ).val();
<select id="selectId">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
$('#selectId').on('change', function () {
var selectVal = $("#selectId option:selected").val();
});
首先创建一个选择选项。之后,使用jquery,你可以得到当前选择的值,当用户改变选择选项值。
$('select').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
....
});
你可以使用jquery的select change事件来获取选中的选项值
为演示
$(document).ready(function () { $('body').on('change','#select', function() { $('#show_selected').val(this.value); }); }); <!DOCTYPE html> <html> <title>Learn Jquery value Method</title> <head> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <select id="select"> <option value="">Select One</option> <option value="PHP">PHP</option> <option value="jAVA">JAVA</option> <option value="Jquery">jQuery</option> <option value="Python">Python</option> <option value="Mysql">Mysql</option> </select> <br><br> <input type="text" id="show_selected"> </body> </html>
我觉得这样更短更干净。此外,如果有多个选定项,您可以迭代;
$('select').on('change', function () {
var selectedValue = this.selectedOptions[0].value;
var selectedText = this.selectedOptions[0].text;
});