人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryについて質問させて頂きます。

selectのoption要素で、特定のopiton要素の選択がうまくいきません。。。

<select id="domain">
<option value="i.softbank.jp">i.softbank.jp</option>
<option value="docomo.ne.jp">docomo.ne.jp</option>
<option value="ezweb.ne.jp">ezweb.ne.jp</option>
<option value="gmail.com">gmail.com</option>
<option value="insertDomain">ドメインを入力する</option>
</select>

ドメインを入力する、を選択した際にテキストボックスを指定箇所から表示するようにしたいのですが、selectの仕方がわからず苦戦しております。

どなたかご存知の方いらっしゃいましたら教えていただけますと助かります。

どうぞよろしくお願いします。

●質問者: aiueo
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Lhankor_Mhy
●50ポイント

サンプルです。
http://jsfiddle.net/55Rxn/
oneはできるようですが、toggleはできなかったです。なにかやり方があるのかな?


aiueoさんのコメント
ありがとうございます!oneをつかって実装することができました!

2 ● kodairabase
●50ポイント

こんな感じでどうでしょう。

$("select#domain").change(function() {
 if ($(this).val() == "insertDomain"") {
 $(select).after('<input type="text" name="hoge" id="hoge" />');
 } else {
 $("#add").remove();
 }
});

aiueoさんのコメント
ありがとうございます。こちらでテストしてみたところ実装することができました。if文で絞る発想がありませんでした。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ