Question

我有一个像这样定义的select（转换为select2）：

<select class="form-control" name="Questions[3].ANSWER_LOOKUP_OPTION_ID" id="Questions[3].ANSWER_LOOKUP_OPTION_ID" multiple="">
    <option value="57" data-index="1">Child Find/Public Awareness</option>
    <option value="58" data-index="2">Referral</option>
    <option value="59" data-index="3">Assessment/Evaluation</option>
    <option value="60" data-index="4">IFSP Development</option>
    <option value="61" data-index="5">Assistive Technology Services and Devices</option>
    <option value="62" data-index="6">Audiology</option>
    <option value="63" data-index="7">Auditory Services</option>
    <option value="64" data-index="8">Specialized skills training</option>
    <option value="65" data-index="9">Family Counseling</option>
</select>

使用此代码，我想将$ optionscsv文本设置为所有选定选项的数据索引的值，而不是它们的val（）;

var $options = $('#Questions\\[3\\]\\.ANSWER_LOOKUP_OPTION_ID'),
    $optionscsv = $('span#optionscsv');
$("#Questions\\[3\\]\\.ANSWER_LOOKUP_OPTION_ID")
    .select2()
    .on('change', function () {
        $optionscsv.text($options.val());
    });

当选择儿童查找/公众意识+评估/评估+ IFSP开发时，上面代码的结果显示：57, 59, 60 所需的结果是：1, 3, 4

Answer 1

以下是答案：

.on('change', function () {
    var selected_options = [];
    $(this).find("option:selected").each(function(){
        selected_options.push(parseInt($(this).attr('data-index')));
    });
    $optionscsv.text(selected_options.join());
});

阅读选项属性

1 个答案: