テキストエリアの入力不可は、Javascriptできますが、
セレクトメニューを選択不可にできません。
初期状態でなく、ある条件が他で選択された時、
選択不可にしたいのですが、何か方法ございますか?

<form name=test>
<SELECT NAME="nengou">
<option value="1">昭和</option>
<option value="2">大正</option>
<option value="3">明治</option>
</SELECT>
</form>

A 回答 (2件)

失礼。

もっとずっと簡単にできます。何を血迷っていたのか...

<html>
<head>
<script>
sel = 0;
function force() {
if (sel != 0) {
document.form1.select1.value=sel;
}
}
</script>
</head>
<body>
<form name="form1">
<select name="select1" onChange="force()">
<option value="1">選択肢1</option>
<option value="2">選択肢2</option>
<option value="3">選択肢3</option>
</select>
<br>
<input type="button" onclick="sel=document.form1.select1.value" value="選択肢を固定">
<input type="button" onclick="sel=0" value="元に戻す">
</form>
</body>
</html>
    • good
    • 0

DOM1を利用してよいのなら可能です。

(DOM1はIE5以上、Netscape6以上でサポートされています)
サンプルを書いておきます。

<html>
<head>
<script>
selStore = null;

function fixSelection(selNode, node, i) {
if (selStore == null) {
selNode = document.getElementById("select1");

// cloneNode(true)を使用するとattributeが初期状態でしか複製されない
// 条件に合う(選択されている)ノードのみ自分で複製
selStore = selNode.cloneNode(false);
for (i=0; i<selNode.childNodes.length; i++) {
node = selNode.childNodes[i];
if ((node.nodeType == 1) && (node.nodeName.toUpperCase() == "OPTION")) { // ELEMENT_NODE == 1
if (node.getAttribute("selected")) {
selStore.appendChild(node.cloneNode(true));
}
}
}
selStore = selNode.parentNode.replaceChild(selStore, selNode);
}
}

function restoreSelection(selNode) {
if (selStore != null) {
selNode = document.getElementById("select1");
selNode.parentNode.replaceChild(selStore, selNode);
selStore = null;
}
}

</script>
</head>
<body>
<form>
<select id="select1">
<option value="1">選択肢1</option>
<option value="2">選択肢2</option>
<option value="3">選択肢3</option>
</select>
<br>
<input type="button" onclick="fixSelection()" value="選択肢を固定">
<input type="button" onclick="restoreSelection()" value="元に戻す">
</form>
</body>
</html>

fixSelection()では、
SELECT以下の構造から選択されているOPTIONのみをコピーしたSELECTエレメントを作成し、
既存のHTML中のSELECTエレメントと置き換えています。
元のSELECTエレメントの退避先がselStoreです。
restoreSelection()では逆に、selStoreに退避しておいたSELECTエレメントを元の位置に挿入しています。

DOM1については、ここではとても解説しきれないので、以下のページを参考にしてください。
基本的な考え方は、HTML文書を木構造としてとらえ、木のノードに対する操作としてHTMLの動的な変更を行うというものです。

参考URL:http://www.doraneko.org/misc/dom1/cover.html
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qリストのピアノ曲で…

リストのピアノ曲の中で比較的難易度の低いものを教えて下さい。
過去に弾いたことがあるのは、愛の夢・ため息のみです。
手は大きくなく、何とか9度届くくらいです。
宜しくお願いします。

Aベストアンサー

比較的難易度の低いものといっても、<ため息>を弾かれたなら、「忘れられたワルツ」や、あるいは、「巡礼の年」をぱらぱらとご覧になってみて、譜読みしたい(できそうな)ものを選ばれるというのはどうでしょうか?以下は、私自身が過去に譜読みしたもので、それほど無体でなかった(爆)と思うものです。
お役に立てば良いのですが。

参考までに、無料のオンライン楽譜サイトURL添付しておきますね。
(信頼おけるところなので、クリックしても大丈夫です(笑))

忘れられたワルツ(1番は比較的聞かれる機会もあるかと)
<http://imslp.org/wiki/Valses_Oubli%C3%A9es,_S.215_%28Liszt,_Franz%29>
巡礼の年(第1年:4番は美しい曲です)
<http://imslp.org/wiki/Ann%C3%A9es_de_P%C3%A8lerinage:_1%C3%A8re_Ann%C3%A9e:_Suisse,_S.160_%28Liszt,_Franz%29>
巡礼の年(第2年イタリア:「ダンテを読んで」は難しいですけど、1番、3番、あるいはペトラルカのソネット104番などは練習すれば何とか…と思わせるものがあります)
<http://imslp.org/wiki/Ann%C3%A9es_de_P%C3%A8lerinage:_2%C3%A8me_Ann%C3%A9e:_Italie,_S.161_%28Liszt,_Franz%29>

比較的難易度の低いものといっても、<ため息>を弾かれたなら、「忘れられたワルツ」や、あるいは、「巡礼の年」をぱらぱらとご覧になってみて、譜読みしたい(できそうな)ものを選ばれるというのはどうでしょうか?以下は、私自身が過去に譜読みしたもので、それほど無体でなかった(爆)と思うものです。
お役に立てば良いのですが。

参考までに、無料のオンライン楽譜サイトURL添付しておきますね。
(信頼おけるところなので、クリックしても大丈夫です(笑))

忘れられたワルツ(1番は比較的聞か...続きを読む

Q

HTML の <FORM> の

<SELECT>
<OPTION VALUE="11">AAA</OPTION>

の<OPTION >を JavaScript で設定しようと考えています。

方法ご存知の方いらっしゃいましたら、御教授願います。

また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。


よろしくお願い致します。

Aベストアンサー

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属性 value に対応します。

> また、JavaScript のメソッド/プロパティが網羅的に記述されている Web Page 等ありましたら、ぜひURLを教えてください。

私は、本家のページ(→参考URL)を良く見ます。

参考URL:http://developer.netscape.com/docs/manuals/communicator/jsref/index.htm

> の<OPTION >を JavaScript で設定しようと考えています。

例えば、こんな感じでやります。

<form name="F">
<select name="S">
</select>
</form>

<!-- ★★★★★★ ここから -->
<script type="text/JavaScript">
S = document.X.S;
if (S.options.length < 1) {
S.options[0] = new Option("ラベル1", "値1");
S.options[1] = new Option("ラベル2", "値2");
S.options[2] = new Option("ラベル3", "値3");
history.go(0);
}
</script>
"ラベルn" が属性 label に対応し、"値n" が属...続きを読む

Qショパン,リスト,ラフマニノフのピアノ曲オススメ

こんにちは。

ピアノに関してはまったくのど素人のクラシック音楽愛好家です。
ベタな質問で恐縮ですが,作曲家自身が名ピアニストでもあった三名様(ショパン,リスト,ラフマニノフ)のピアノ独奏曲または四手のための作品のオススメをご教示いただけましたら幸いです。

【お願い事項】
 ・作曲家お一人様それぞれ数作品程度をめどに
  (傑作がたくさんあって絞るのは大変かと思いますが)
 ・三名のうちのどなたかだけ,もちろん一曲だけのオススメでもOK
 ・聴きやすい,親しみやすい曲想でなくてもOK
 ・曲の長短は不問
 ・一般的な世評をご教示いただいてもいいですし,個人的好みでもOK
 ・お気に入りのCDアルバムでご紹介いただいてもOK
 ・私の好みは無視していただいてOK(えっ,そんなの知ったこっちゃない?^^;)

なお,これらは勝手なお願いですので,作品数の縛りも含め,ご自由にご回答いただいてももちろん結構です。


では,よろしくお願いいたします♪

Aベストアンサー

意外なご質問ですね。
私の好みは無視していただいてOK…とのことですので,
マニアックなものではなく,オーソドックスなもので考えてみました。

リスト
http://www.hmv.co.jp/product/detail.asp?sku=237633

迷った結果(迷うほど多くは知らないのですが),ひとつに絞るならこれにしました。
ユーザーレビュー 2007年10月04日の方のコメント通り,
Un sospiro「ため息」と,La leggerezza「軽やかさ」の印刷ミスがあります。
「12の超絶技巧練習曲」や,ラ・カンパネラでお馴染みの「パガニーニによる大練習曲」,
よく聴く機会があるので演奏される頻度が高いのではと思う「森のざわめき」など,
有名なものは満載の2枚組です。お勧めの低価格盤です。
ハンガリー狂詩曲はオーケストラでご存知のものがあるでしょうし,
こちらの方がいいのではと思いました。
「巡礼の年」は大人の香りがする通好みで,質問者様にぴったりかもしれないと迷いましたが,
それは後のお楽しみにということで,まずは上記のもの絞りました。


ラフマニノフ
http://www.hmv.co.jp/product/detail/853252

安いものばかり上手に買っています。
幻想小品集 作品3-1『エレジー』は私のお気に入りです。
もう少し演奏のテンポが速いといいのですが。(私好みでは)
楽興の時 4番 ホ短調 作品16-4はショパンの「革命」からの影響かな?…と思います。
演奏は別のCDでも,『エレジー』が入っているものがお勧めです。
lib08に試聴があります。
http://piano1001.com/lib_0_frame.htm


ショパン
一番迷ったので最後になりました。
ノクターン,バラード,スケルツォ,ソナタ,ワルツ……,どれもいい!,どうしましょう。
迷いに迷って,やっぱり,ノクターン!
お気に入りの演奏があったのですが残念ながら廃盤になっていました。
http://www.hmv.co.jp/product/detail/742515

悪口は禁句かもしれませんが,ポリーニとワイセンベルクにはがっかりしました。
全曲は聴いていませんが,キーシンの演奏にはグッときました。
でも,これも残念ながらノクターン全曲のCDがなさそうです。
というわけで,演奏者のお勧めは分かりませんが,遺作を含む21番まで入っているものを
お選びください。映画「戦場のピアニスト」で使われた20番 嬰ハ短調 遺作は特に好きです。
下記,動画の試聴でどうぞ。ノクターン第20番 「遺作」(ルイ・レーリンク)
http://www.piano.or.jp/enc/dictionary/composer/chopin/000448.html

意外なご質問ですね。
私の好みは無視していただいてOK…とのことですので,
マニアックなものではなく,オーソドックスなもので考えてみました。

リスト
http://www.hmv.co.jp/product/detail.asp?sku=237633

迷った結果(迷うほど多くは知らないのですが),ひとつに絞るならこれにしました。
ユーザーレビュー 2007年10月04日の方のコメント通り,
Un sospiro「ため息」と,La leggerezza「軽やかさ」の印刷ミスがあります。
「12の超絶技巧練習曲」や,ラ・カンパネラでお馴染みの「パガニーニに...続きを読む

QNew OPTIONで作ったタグの追加

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.7");</script>
<script type="text/javascript">

$(function() {
$("#tags span").click(function() {
var tags = $(this).attr('id');
$("#tags span").removeClass('select');
$(this).addClass('select');
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<div id="tags">
<span class="select"><button>全て</button></span>
<span id="dogs"><button>イヌ</button></span>
<span id="cats"><button>ネコ</button></span>
<span id="birds"><button>トリ</button></span>
</div>

<div id="animal">
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog1.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird1.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird2.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat2.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat3.jpg"/alt="写真" width="250" height="188"></div>
<div class="dog"><img src="http://www.finefinefine.jp/wp/sample/images/dog3.jpg"/alt="写真" width="250" height="188"></div>
<div class="cat"><img src="http://www.finefinefine.jp/wp/sample/images/cat4.jpg"/alt="写真" width="250" height="188"></div>
<div class="bird"><img src="http://www.finefinefine.jp/wp/sample/images/bird4.jpg"/alt="写真" width="250" height="188"></div>
</div>

絞り込みのボタン部分をセレクトタグにしたいのですが、
どなたかわかる方がいましたら教えてください。


<↓下記のようなセレクトタグを追加したいです>
---------------------------------------------
<select>
<option value="javascript:refresh();">全て</option>
<option value="">イヌ</option>
<option value="">ネコ</option>
<option value="">トリ</option>
</select>
---------------------------------------------


<script type="text/javascript" src="http://www.google.com/...続きを読む

Aベストアンサー

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

こんな感じでどうぞ

$(function() {
$("#selects").change(function() {
var tags = $(this + 'option:selected').val();
$("#animal div").hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .bird").show();
} else {
$("#animal div").show();
}
});
});
</script>

<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option valu...続きを読む


人気Q&Aランキング

おすすめ情報