ある動的検索結果用ページから下記のファイルが、読み込まれその結果ページ上部に、
地域で絞り込むセレクトプルダウンが表示されます。
その結果ページのセレクトプルダウンの地域を再度選択しまして、結果が返された時に、
選択した地域名をセレクトプルダウンに表示させたいのですが、上手く動かず地域で絞るが
毎回表示されます。
<サンプル>
<script type="text/javascript"><!--
function navi(value){
navi_option = document.getElementById("cityId").getElementsByTagName('option');
for(i = 0; i < navi_option.length; i++){
if(navi_option[i].value == value){
navi_option[i].selected = true;
document.searchForm.cityId.options[i].selected= true;
break;
}
}
}
// --></script>
<select name="cityId" id="cityId" onClick="navi(value);">
<option value="0" >- 地域で絞る -</option>
<option value="169">池袋東口</option>
<option value="170">池袋西口</option>
<option value="85" >大塚・巣鴨</option>
<option value="131">赤羽</option>
<option value="164">田端・王子</option>
・
・
・
・
・
</select>
-略-
javascriptの部分をどのように実装すれば良いでしょうか?
javascriptは、初心者なので、ご教授願えれば幸いです。
宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
状況がよくわからないけれど、
「新しく読込んだhtmlファイル(ページ上部とあるので、ajaxで読込んでいるのかなぁ?)の中のセレクト要素に、それ以前に選択していた値を表示させたい。」
ということと解釈しました。
新しく読込むので、最初にはhtmlにマークアップされた通りが表示されます。
ご提示のスクリプトはその表示内容を取得して、その値をセットしようとしている(?)ような雰囲気に見えます。(意図が読めないけれど)
それなので、結局は何もしないのと同じ。(もとの値が表示されるだけ)
どのような状態で、セットしたい値が選択されていて、その情報がどこにあるのか不明なので、なんとも判りかねますが、セットしたい値をスクリプトで保持しておくか、あるいは、もしページ全部が書き換えられるのであれば、クッキーなどに一時的に保存しておくなどが必要かと思われます。
(新しく読込まれたDOM内を探しても、その情報はないので)
また、ご提示のスクリプトの実行はセレクト要素のonclickに設定されていますが、(↑)の最初の想定があっているのなら、その部分を書き込んだとき(ajaxの場合)またはonload(ページ遷移の場合)などで、新しく表示された時にセレクトの内容がセットされているのが自然ではないでしょうか?
これ以上は、ご提示の情報からではなんとも…
fujillin 様
早々 回答ありがとうございます。
>もしページ全部が書き換えられるのであれば、クッキーなどに
一時的に保存しておくなどが必要かと思われます。
ヒントとなりました。
DBを使用して javaで作成したページの一部を、静的に作り直す作業が発生しましてjavascriptで簡単に出来るかな?という思いから質問させて頂きました。
良いヒントをありがとうごさいました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<input>の選択肢をプルダウンメ...
-
【javascript】連想配列からセ...
-
selectを使った計算
-
全てのselect要素をデフォルト...
-
select要素のvalueを配列で取得...
-
3つのselectでURLパラメータを...
-
プルダウン選択を変更すると、...
-
javascriptでoptionタグを削除...
-
selectの初期値を設定したい
-
セレクトボックスで配列を呼び...
-
連動プルダウンのclonenode
-
ラジオボタンの選択に応じてプ...
-
Selectボックスの一覧表示方法
-
Javascriptでフォームのセレク...
-
【急募】選択した物件と施設の...
-
スマホのフォームでのselect複...
-
セレクトボックスを未選択の状...
-
javascriptでセレクトボックス...
-
プルダウンの値をphpファイルへ...
-
動的にtextareaとselectを追加...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
【JS】selectでchangeした時の...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
複数のプルダウンを1つにまとめ...
-
コードレビューをお願いします。
-
JavaScriptで<select>の<option...
-
<input>の選択肢をプルダウンメ...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
javascriptで合計金額を算出し...
-
中百舌鳥駅と深井駅を入れ替え...
-
同じ名前のセレクトがある場合...
-
セレクトボックスで配列を呼び...
-
今日の日付を自動的にセレクト...
-
プルダウンの値によって活性・...
-
サイト内の物件を複数の検索条...
おすすめ情報