提交 jquery ajax 时禁用选项答案

【问题标题】：Option disabled on submit jquery ajax提交 jquery ajax 时禁用选项
【发布时间】：2012-10-19 15:40:07
【问题描述】：

当我提交我的 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>

我的 ajax

$('#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 ...

问候

【问题讨论】：

I d like to pass option submited on disabled 嗯？我不知道你在问什么。你到底想在你的 ajax 调用中传递什么？
这有关系吗？ johnzeratsky.com/articles/2007/…
好吧，我意识到我不是很清楚.. 我的意思是，当我提交表单时，我希望提交的选项变为禁用！例如：我提交 France -> option with value France 成为禁用！你看？ :D

标签： jquery ajax

【解决方案1】：

您需要一个 id 供您选择

<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>

并使用它

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);
});

【讨论】：