だれか教えて頂けませんでしょうか?
下記にソースを書きましたが、
1、2コンボがあり、
1コンボで項目を選ぶと
2コンボで1コンボで選んだ項目に付随する内容の項目を
表示させる方法を教えて下さい。
未熟も者ですがどうぞ宜しくお願いします。
::::::::::::::::::::::::::::::::::::::::::
<BODY>
<form method="post" action="mailto:ksuzuki@aeic.co.jp?subject=インターネットお問合せの件" enctype="text/plain" name="omousikomi">
<!--
function c1set(C,n,max,val){
for(i=0;i<max;i++){
if(i<n){
C.cat1_id.options[i].text=val[i*2];
C.cat1_id.options[i].value=val[i*2+1];
}
else{
C.cat1_id.options[i].text="";
C.cat1_id.options[i].value="";
}
}
}
function change(C){
v1 = "2カテゴリー選択 ";
C.cat1_id.selectedIndex=0
if(C.stage_id.selectedIndex==0){
C.cat1_id.options[0].text=v1;
C.cat1_id.options[0].value="";
for(i=1;i<=3;i++){
C.cat1_id.options[i].text = "";
C.cat1_id.options[i].value = "";
}
}
if(C.stage_id.selectedIndex==1){
val=new Array(v1,"","E-Mail",224,"OS",233,");
c1set(C,3,3,val);
}
if(C.stage_id.selectedIndex==2){
val=new Array(v1,"","SOHO",264,"インターネットビジネス",265,");
c1set(C,3,3,val);
}
}
// -->
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
項目と説明の対になっている内容は、予め決まっているわけですよね。
であれば、その度に項目を作らなくても良いのではないでしょうか。
ポイントになる部分だけ、ちょっと書いてみました。
<html>
<script type="text/JavaScript">
function change(form) {
form.sel_2.selectedIndex = form.sel_1.selectedIndex;
}
</script>
<body>
<form>
<select name="sel_1" onChange="change(this.form)">
<option>項目1
<option>項目2
<option>項目3
</select>
<br>
<select name="sel_2">
<option>説明1
<option>説明2
<option>説明3
</select>
</form>
</body>
</html>
No.2
- 回答日時:
前にPerlでの質問の回答が「JavaScriptであれば…」というものだったので、こちらに質問を投げた、というところでしょうか?
だとするなら、Perlの方の質問は締め切っておきましょう。
こういうことがやりたいのでは?と思うサンプルを作ってアップしてみましたので、下記URLで確認してみてください。
もし思うような動きであれば、ソースを表示して解析してください。
参考URL:http://users.goo.ne.jp/leaz/cooperate-list/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQuery セレクトボックスで選択...
-
ラジオボタンでポップアップメ...
-
プルダウン 項目が多いので先頭...
-
html selectの内容を初期値に戻す
-
セレクトメニューで選択された...
-
ラジオボタンとドロップダウン...
-
【javascript・PHP】プルダウン...
-
UWSCのIE操作でプルダウンを選...
-
プルダウンとテキストの連動
-
現在時刻を取得してフォームのs...
-
<textarea>にプルダウンを表示...
-
セレクトボックスで現在選択さ...
-
javascriptでHTMLを絞り込み検...
-
グーグルマップの初期表示地点...
-
リストボックスの項目の順番を...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
フォームが空欄の時にフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
セレクトの値を取得できない
-
テーブルにおける行(セルにプル...
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
document.form で nullまたは...
-
リストボックスの項目の順番を...
-
onFocusOutが複数回呼ばれる!
-
javascriptでselectボックスの<...
-
プログラムがうまく動きません...
-
親子連動型のselectを設置し、...
-
selectタグに直接onChangeを書...
おすすめ情報