【JQuery】値変更不可＆Form送信できるセレクトボックス

困ったことに

・SelectはReadOnly属性が効かない
・Disabledは効くけどForm送信できない

やりたいこと

・セレクトボックスの値を変更できないようにしたい
・でもForm送信はしたい

他のoption消しちゃえ

選択させたくないoptionはdisabledにする、とかプラグインをいれる方法もあるみたいですが、プラグインいれるほどではないし、optionをdisabledする方法だと確かに選択できなくなるけど表示されるのが嫌だな～と思って、それなら消しちゃおうと思いました。

他の方法
HTMLのSelectタグやInputタグのRadioボタンをReadOnlyにする方法
セレクトボックスを変更できないよう固定してかつ値も送信するjQueryプラグイン

test.html

<select name="animal" id="animals">
    <option value="dog">いぬ</option>
    <option value="cat" selected="selected">ねこ</option>
    <option value="rabbit">うさぎ</option>
</select>

test.js

 $("#animals select option[value='cat']").prop("selected", true);
 $("#animals select option:not(:selected)").remove();

こういう指定（option:not(:selected)）もできるって知らなかったので( ..)φメモメモ