3

変更時に選択メニューのテキストを置き換えるスニペットがあります。選択が再度クリックされたときに元に戻す簡単な方法を探しています。

jQuery

$('.youth').change(function(){    
    $(".youth option").each(function() {
    var text = $(this).text();
    text = text.replace("(12-15yr)", "  ");
    $(this).text(text);
    });
});

HTML

<select class="youth element">
  <option selected>Youth</option>
  <option value="1">0</option>
  <option value="1">1 (12-15yr)</option>
  <option value="2">2 (12-15yr)</option>
  <option value="3">3 (12-15yr)</option>
  <option value="4">4 (12-15yr)</option>
  <option value="5">5 (12-15yr)</option>
  <option value="6">6 (12-15yr)</option>
</select>
4

2 に答える 2

0

オリジン属性を使用:

<option value="3" origin="3 (12-15yr)">3 (12-15yr)</option>

あなたはこれを行うことができます ：

フィドル: http://jsfiddle.net/MjCxZ/

$('.youth').on('focus',function(){ 
    $(".youth option").each(function() {     
          $(this).text($(this).attr('origin'));
    });
}); 


$('.youth').on('change',function(){ 
    $(".youth option").each(function() {         
         var text = $(this).text();
                    text = text.replace("(12-15yr)", "  ");
                        $(this).text(text);
    });
    $(this).blur();
});
于 2013-09-17T09:56:06.440 に答える