在选择更改时获取选择数据 ID 属性值答案

【问题标题】：On select change get select data-id attribute value在选择更改时获取选择数据 ID 属性值
【发布时间】：2020-02-20 06:38:15
【问题描述】：

我正在尝试此代码，这是我的选择值

<select class="select2 lang_change">
                            <option selected value="english" data-id="" <?php
                            if (isset($_SESSION['lang'])) {
                                set_selected($_SESSION['lang'], 'english');
                            }
                            ?> >English</option>
                            <!--<option value="2">Chinese</option>-->
                            <option value="spanish" data-id="es" <?php
                            if (isset($_SESSION['lang'])) {
                                set_selected($_SESSION['lang'], 'spanish');
                            }
                            ?>>Spanish</option>
                            <!--<option value="4">Hindi</option>-->
                            <!--<option value="5">Filipino</option>-->
                        </select>

那是我的 Jquery 或 ajax 值

$('.lang_change').on('change', function () {
 var dataid = $(".lang_change option:selected").attr('data-id');    
 var val = this.value;
            $.ajax({
                url: "<?php echo base_url('lang_change/'); ?>" + "?"+val+"&"+dataid,
                type: "GET",
                cache: false,
                dataType: "JSON",
                success: function (dataResult) {
                    if (dataResult.statusCode == 200)
                    {
                        location.reload();
                    }
                }
            });
        });
    </script>

那是我的代码我如何获取 onchange 获取选择数据 ID 属性值帮助

【问题讨论】：

您的脚本不正确。

标签： jquery select attributes onchange

【解决方案1】：

我已经更正了你的脚本，以及它正在获取的数据 ID。

$('.lang_change').on('change', function() {
  var dataid = $(".lang_change option:selected").attr('data-id');
  alert(dataid)
  var val = this.value;
  $.ajax({
    url: "<?php echo base_url('lang_change/'); ?>" + val,
    type: "GET",
    cache: false,
    dataType: "JSON",
    success: function(dataResult) {
      if (dataResult.statusCode == 200) {
        location.reload();
      }
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="select2 lang_change">
  <option selected value="english" data-id="es" <?php if (isset($_SESSION[ 'lang'])) { set_selected($_SESSION[ 'lang'], 'english'); } ?> >English</option>
  <!--<option value="2">Chinese</option>-->
  <option value="spanish" data-id="spanish" <?php if (isset($_SESSION[ 'lang'])) { set_selected($_SESSION[ 'lang'], 'spanish'); } ?>>Spanish</option>
  <!--<option value="4">Hindi</option>-->
  <!--<option value="5">Filipino</option>-->
</select>

【讨论】：