Javascriptにて選択不可の項目を次の処理にパラメータを渡すにはどうするのか

Question

$("select[name='test1']").attr("disabled", true);

(1)画面初期に「test1」を選択不可にさせる

(2)「出力」ボタンを押して、画面「test1」項目を選択不可のまま、次の処理（出力処理）を起動させる

$("select[name='test1']").attr("disabled", false);

とすると、値が送られるのですが、画面上の「test1」項目が選択できるようになってしまいます。
これを、選択できない状態のまま、裏で「出力処理」に「test1」の項目を送信させるには
どのようにしたらいいでしょうか？

ご教授宜しくお願いします。

Comments

[tabuu]

値が送られてくるというのがよくわかないけど、
>$("select[name='test1']").attr("disabled", false);
これは選択できるようになるコードなのでその通りに動いているのでは？

ちなみにJavaとJavaScriptは異なるものなので正確に書きましょう。

Answer 1

hiddenなパラメータを設定すればいいのではないでしょうか。
http://javascript.pc-users.net/browser/form/hidden.html

Comments

[kumakumatan]

ありがとうございました。お蔭様で解決できました。

Answer 2

readonly属性

input要素に変更すれば、readonly属性を使用することが可能です。
datalist要素を組み合わせれば、単一選択リストのselect要素と似たようなUIに出来ます。
https://momdo.github.io/html/input.html#the-readonly-attribute
https://momdo.github.io/html/form-elements.html#the-datalist-element

multiple属性

select要素には、readonly属性がありません。
次の2つが要件にある場合は、<select disable> で画面上に表示させつつ、<input type=hidden> でフォーム送信用の値をセットする必要があります。

• 画面上にグレーアウトした選択肢を表示させる
• multiple属性を使用している

Re: kumakumatan さん