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回まで
  • 13歳以上
  • 登録:2012/01/16 18:37:29
  • 終了:2012/01/16 22:20:49

回答(2件)

id:Lhankor_Mhy No.1

Lhankor_Mhy回答回数779ベストアンサー獲得回数2302012/01/16 20:50:25

ポイント50pt

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

id:kuso47

ありがとうございます!oneをつかって実装することができました!

2012/01/16 22:19:13
id:kodairabase No.2

kodairabase回答回数661ベストアンサー獲得回数802012/01/16 21:13:59

ポイント50pt

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

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

ありがとうございます。こちらでテストしてみたところ実装することができました。if文で絞る発想がありませんでした。

2012/01/16 22:20:32
  • id:kuso47
    $("ここがわかりません").click(function(){
    $("#hoge").before("<input type='text' name='hoge' />");
    });
  • id:windofjuly
    うぃんど 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/


  • id:kuso47
    ありがとうございます。

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

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

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません