セレクトボックスの入力制御をdisabled属性でなくjavascriptの制御で行う方法

Question

目的
セレクトボックスの入力可・不可を切り替える
不可状態では操作できない（プルダウンも表示されない）
かつ不可状態でもsubmit時は送信される
可・不可の切り替えは画面上の別のフォームで操作

---

上記機能を実現したいのですが、
disable属性でやると値が送信されないため、
class="disabled"をつけてjQueryで制御しようとしています。

hiddenを用意してそっちで送信したり、submitイベントでdisableを解除したりしてみたんですが、
記述が煩雑になったり、非同期通信に対応できなかったりしてうまくいきません。

スマートなやりかたがあればご教示ください。

Answer 1

これはどうですか？

$('.disabled').on('focus', function(){
  this.blur();
});

Comments

[退会済みユーザー]

回答ありがとうございます。
今回スイッチングが必要だったので、いただいた回答をちょっと改造して
下記で実現できました。
```javascript
$("select").on("focus", function(){
if ($(this).hasClass("disabled")) {$(this).blur();}
})
```