jquery - 提交 jquery ajax 时禁用选项

Question

当我提交我的 ajax 表单时，我想通过禁用提交的选项。

<form action="#" id="export">
  <select multiple="multiple" size="5">
    <option id="val-1" value="1">Spain</option>
    <option id="val-2" value="2" disabled="disabled">France</option>
    <option id="val-3" value="3">England</option>
  </select>
  <input type="submit" value="add" />
</form>

我的阿贾克斯

$('#export').on('submit', function(e){
            // alert( ($this).serialize() );
            $.post('save_zone.php', $(this).serialize(), function(data) {
                $('.pays_added_export').append(data);
            });
            e.preventDefault();
        });

有任何想法吗 ？我想到了一些带有 serialize() 的东西和一个 data-something on option ...

问候

Answer 1

You need a id for you select

<select multiple="multiple" size="5" id="select_option">
    <option id="val-1" value="1">Spain</option>
    <option id="val-2" value="2" disabled="disabled">France</option>
    <option id="val-3" value="3">England</option>
</select>

and use it

var a_disable = [];    
$('option:disabled', '#select_option').each(function (i, option) {                     
     a_disable[i] = $(this).val();                    
});                    

$.post('save_zone.php', $(this).serialize()+'&disables='+a_disable.join(','), function(data) {
    $('.pays_added_export').append(data);
});