jQueryでformのselect要素を選択できない状態にして、かつ値を送信する

harada 33views 更新:2016年11月15日

IDにselect_inputが設定されたセレクトボックスを選択できないようにdisabledを設定して、なおかつselectedで選択されている値がフォームで送信されるようにするには以下のように設定します。

disabledを設定するだけだと、値が無効になり送信されないため、送信される直前にdisabledを解除する必要があるようです。

<script language="javascript" type="text/javascript">
jQuery(function ($) {        
  $("#select_input").prop('disabled', true);
      $('form').bind('submit', function () {
        $(this).find("#select_input").prop('disabled', false);
      });
});
</script>

参考:Disable select form field but still send the value

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません