關於jquery監聽select變化事件以及獲取選中的值

html

                                    <select class="code-select">
                                        <option value="1" selected>Frist Time</option>
                                        <option value="2">Second time</option>
                                        <option value="3">More</option>
                                    </select>

        $('.code-select').on('change', function () {

            //獲取所有文本內容
            var text = $(".code-select").text();

            //獲取選中的文本值
            var selectedText = $(".code-select").find("option:selected").text();

            //獲取選中的value值
            var value = $(".code-select").val();

            //獲取選中的option的索引值
            var index = $(".code-select").get(0).selectedIndex;

            console.log(text);
            console.log(selectedText);
            console.log(value);
            console.log(index);

        });

打印結果

注意

這里是原生的select，如果是使用了select相關的插件，可能會出現獲取不到值得情況，得用插件提供得方法獲取