- ベストアンサー
セレクト部品の表示内容が選択されているかどうかによって変化する方法
- セレクト部品の表示内容が選択されているかどうかによって変化する方法を知りたい
- 特定の選択肢が選択された場合に、表示内容を変更する方法を教えてください
- セレクト部品の選択状態によって、表示内容を動的に変化させたい
- reiman
- お礼率73% (794/1076)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
のうないは、おこちゃまだからさ～、いみがわからない。 こういういことか？ <select onFocus="func(this.value)" onChange="func(this.value)"> <option value="00" id="a0" selected="selected">00</option> <option value="01" id="a1">01</option> </select> <script type="text/javascript"> var func = (function ( $ ) { return function ( v ) { $('a0').text = (v == '00') ? "00.aa": '00'; $('a1').text = (v == '01') ? "01.bb": '01'; }; })( function ( id ) { return document.getElementById( id ); } ) </script>
その他の回答 (2)
- babu_baboo
- ベストアンサー率51% (268/525)
id は、すうじからはじめちゃだめだよ。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title></title> <style type="text/css"> </style> <select onfocus="func()" onblur="func2()"> <option value="00" id="a0">00</option> <option value="01" id="a1">01</option> </select> <script type="text/javascript"> function func() { document.getElementById("a0").text ="00.aa"; document.getElementById("a1").text ="01.bb"; } function func2() { document.getElementById("a0").text ="00"; document.getElementById("a1").text ="01"; } </script>
- babu_baboo
- ベストアンサー率51% (268/525)
お礼
セレクト部品の表示内容 が選択されているかどうかによって変化するようにしたいのですが 以下のようにしてもうまくいきません。 何か解決策はないでしょうか？ と書きましたが以下のように修正します。 よろしくお願いします。 セレクト部品の表示内容 がフォーカスされているかどうかによって変化するようにしたいのですが 以下のようにしてもうまくいきません。 何か解決策はないでしょうか？
補足
素早い回答ありがとうございます。 リファレンスの意味が分からないので教えてください。 よろしくお願いします。
お礼
ありがとうございました。 本当にやりたいことは以下のものでした。 <script> var num_array=new Array('one','two','three','four'); function f(x) { var sa=document.getElementById('a'); var sb=document.getElementById('b'); for(var i=0;i<sa.length;i++) { sa.options[i].text=x?i+'.'+num_array[i]:i; sb.options[i].text=x?i:i+'.'+num_array[i]; } } </script> <select id="a" onfocus="f(true)"> <option value="0" selected>0</option> <option value="1">1</option> </select> <select id="b" onfocus="f(false)"> <option value="0" selected>0</option> <option value="1">1</option> </select> ご指摘のサンプルを眺めていて方法が分かり上記のように組めました。 おかげで動きました。 一行に2つのセレクト部品を含む5部品が並んでいるが オプションの文字が長いため 両方とも同時に文字を表示すると長くなり改行されてしまい 格好が悪くなるので一方だけを表示するようにしたかったのです。