Jquery 发出发送自定义属性值和选项值逗号分隔的问题

Question

<select id="jform_subject_type_id" name="jform[subject_type_id]" class="form-control" multiple="true">
  <option value="36" subject_country_id="1">Arts and Crafts(India) 
  </option><option value="37" subject_country_id="2">Computer sklls(Germany)</option>
  <option value="37" subject_country_id="1">Computer sklls(India) 
  </option><option value="33" subject_country_id="1">Academic(India) </option>
</select>

我有一个多选选择框，我想将选定的选项值和它的自定义属性"subject_country_id"发送到 ajax 请求，我将在其中发出 php 请求以根据他们的国家/地区及其主题类型值获取数据。任何人都可以帮助在 ajax 中发送键值对以使其工作吗？我正在尝试这个

var subject_type_id=jQuery('#jform_subject_type_id').val(); // I will get value comma seperated.
var subject_country=jQuery('#jform_subject_type_id option:selected').attr('subject_country_id'); // I can't get custom attribute comma sepetaed
alert(jQuery("#jform_subject_type_id option:selected").map(function(){return this.text }).get().join(', ')); // If I use this code then i will get selected option text comma seperated.

请帮我解决这个问题

Answer 1

您需要遍历所选选项的值。使用此脚本。

var subject_country_id = [];
jQuery('#jform_subject_type_id option:selected').each(function(){
    subject_country_id.push(jQuery(this).attr("subject_country_id"));
  });

在subject_country_id中，您将获得所选选项的自定义属性的值。

代码笔链接

https://codepen.io/smitraval27/pen/eMvLqb