ie8ではJqueryフォーム選択オプションメニューが機能しません。助けて？

Question

ご協力いただきありがとうございます！誰かが私のコードをIE8でテストできますか？私のクライアントはフォーム選択メニューのスクリーンショットを送ってきました。すべてのテキストがspan.menuBgに閉じ込められているようです。 IEのすべてのバージョンで広範なテストを行っており、問題を再現することはできません。私は眺めie8と7 ie8を試みました。 （クライアントが勝利7 IE8の上にある）

EDIT：UPDATED

$(".form-item:has('select')").each(function() { 
    $(this).addClass('selector'); 
    $(this).find('select').css({opacity: 0}); 
    }); 

    $(".form-item").click(function() { 
    var str = ""; 
    $("select option:selected",this).each(function() { 
      str += $(this).text() + ""; 
     }); 
    $(".menuBg",this).text(str); 
    }); 
    $('.form-item').trigger('click'); 

が出典：http://api.jquery.com/selected-selector/ EDIT： 大丈夫は今、その理由は、複数の.FORM-選択したテキストを（持っているページに多少の作業）を取得他のメニューにコピーされます。

ので、私は必要私は単に私が

<div class="form-item selector"> 
<span class="menuBg"><!--Insert here--></span> 
    <label for="edit-group-schedule-group-0-field-admin-schedule-status-value"> 
    Set status: 
    </label> 
<select id="edit-group-schedule-group-0-field-admin-schedule-status-value" class="form-select" name="group_schedule_group[0][field_admin_schedule_status][value]" style="opacity: 0;"><option value="">- None -</option><option selected="selected" value="0">Pending</option><option value="1">Pre-approved</option></select> 

をクリックするたびに、これまでにご回答をありがとうスパンに選択したオプションを挿入しようとしていますが、jqueryのの私の現在の知識は限られている

もう少し助けてください。

また、多くのマイページに複数の選択メニューが含まれているため、ページ上のすべてのフォームにテキストを表示することはできません。

私が必要とする例は、ここにあります： https://www.att.com/olam/passthroughAction.myworld?actionType=TvProductLandingPage&gnLinkId=s1003のプルダウンメニューにあります。

Answer 1

選択した要素を消して、その要素を選択した後でスパン内の選択したオプションに置き換えようとしていますか？私は、ドロップダウンの中で何かが選択されたときに、彼はスパンを追加しようとしていると思う

$('.mySelect').change(function(){ 
    var selectedOption = $(this).text(); 
    $('#myDiv').append($('<span/>').text(selectedOption)); 
    $(this).hide(); 
}) 

Answer 2

：

HTML：：

<div id="myDiv"> 
    <select class="mySelect"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 
</div> 

のjQueryそうです場合は、ここで溶液（fiddle）であります..そのためには、selectイベントをバインドする必要があり、コールバック関数では必要な処理を行います。ここで

は同じのためのフィドルです：これまで http://jsfiddle.net/9ek7E/

変更して：あなたは、あなたが選択した上で、それぞれの操作を行う必要がありDNTこのキーワードを使用しても、私はあなたのコードを簡素化する必要が

$(".form-select").change(function() { 
    var str = ""; 
    str +=$(this).find("option:selected").text() + " "; 
    $(".menuBg").text(str); 
}) .trigger('change'); 

単一の要素であるため、オプションです。 ここに更新されたフィドルがあります：http://jsfiddle.net/9ek7E/1/