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

Question

aiueo

31

29もっと見る

100pt

インターネットウェブ制作

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の仕方がわからず苦戦しております。

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

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

回答の条件

1人5回まで

登録：2012/01/16 18:37:29
終了：2012/01/16 22:20:49

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

aiueo 2012/01/16 18:39:35

$("ここがわかりません").click(function(){
$("#hoge").before("<input type='text' name='hoge' />");
});
うぃんど 2012/01/16 19:10:48

＞$("ここがわかりません").click(function(){

直球だと・・・
$("#domain").click(function(){

でも・・・
クリックイベントよりもチェンジイベントがいいんじゃないかな？
http://semooh.jp/jquery/api/events/click/fn/
http://semooh.jp/jquery/api/events/change/fn/
aiueo 2012/01/16 19:13:53

ありがとうございます。

$("#domain").click(function(){

これにしてしまうと、他のoption要素などでも発動してしまうのでなるべく避けたく。
できれば　
.one
もしくは
.toggle

という形にもしたいのですが。

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Lhankor_Mhy · Answer 1 · 2012-01-16T20:50:25+09:00

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

kodairabase · Answer 2 · 2012-01-16T21:13:59+09:00

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

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

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

回答（2件）

Lhankor_Mhy8142322012/01/16 20:50:25

kodairabase661802012/01/16 21:13:59

コメント（3件)

この質問への反応（ブックマークコメント）