行中的datatables元素触发选择/取消选择

Question

我正在使用带有select扩展名的JQuery数据表插件，我需要在其中一个字段（每行内）中使用<select>列表。 <option>从所选行中获取ID。

问题在于，每次单击list元素时，都会触发行select atrribute。如果用户没有选择任何行并单击列表，则这是正常的，但如果在用户单击列表元素时已选择该行，则取消选择该行，从而导致id为空。

我在考虑禁用<select>列表并仅在选择行时启用它，防止<select>元素触发select属性（这最后一部分是我得到的地方）丢失了，可以使用dt选项，jquery。我甚至尝试过愚蠢的一些css选项，比如z-index但后来我意识到它无关......）。

我的想法（到目前为止......）：

$('.select_class').on('click', function() {
    $(this).parent().parent().preventaddClass('.selected');
});

我该怎么做？

<select>列表是来自ajax源的数据的一部分：

[{"id":76,/* other fields*/"the_select":"<select class=\"select_class\"><option value=\"add\">1234 \u20ac<\/option><option value=\"remove\" >Hide<\/option><\/select>"}]