プルダウンで特定のものを選んだ時だけ追加でプルダウンを表示

お世話になっております。

現在PHPでプルダウンを生成しています。
このうちの一つを選んだ時にだけその下に新たなプルダウンをリアルタイムで表示したいです。

現在のソース

lang
1<div>
2<select name="topic_type">
3<?php
4      while(list ($key, $val) = each($TOPIC1_TYPE)) {
5        if ($key != $topic_type){
6          print " <option value='".$key."'>";
7        } else {
8          print " <option value='".$key."' SELECTED>";
9        }
10        print $val . "</option>";
11      }
12?>
13</select>
14</div>

これで、例えばvalueが1の時にだけ、この下にdivタグなどで新たなプルダウンを表示したいのです。
(このプルダウンは動的である必要はなく、htmlでも構いません)

JSで実現できるだろう、ということは分かるのですが、
JSに関する理解が乏しく、PHPと上手に融合させることができません。
大変初歩的な質問で申し訳ありませんが、よろしくお願いいたします。

退会済みユーザー

2015/07/14 07:04

その「特定の条件」を記載してくれないと、回答のしようがありませんよ…

ao_love

2015/07/14 07:15

修正依頼ありがとうございます。説明が分かりにくく申し訳ありません。特定の条件、というのは文中にある　valueが1の時、というような意味で書いたものでした。

退会済みユーザー

2015/07/14 08:24

valueが1　の時に　何を追加したい　のように書いてください。「divタグなどで」などとか曖昧な表現は使わずに。

ao_love

2015/07/14 08:28

追加したいものは"新たなプルダウン"です。囲みはdivでもpでもよかったので"など"、という表現を使いました。

行動規範の内容に同意します

回答1件

ベストアンサー

jQueryでも大丈夫ですか?
大丈夫なら以下のようにしてみてはいかがでしょう。

lang
1<div id="new_select" style="display:none;">
2<select>
3</select>
4</div>

上記のようなHTMLを記述し、jQueryで

lang
1$(function(){
2    $("select[name=topic_type]").on("change", function(e){
3        if($(this).val() == 1){
4            $("#new_select").show();
5        } else {
6            $("#new_select").hide();
7        }
8    });
9});