div内の取り出しデータに関連するjqueryの変更が可視性を隠して表示

Question

で選択されたアイテムの価格を抽出することができましたが、今は他の価格を表示するために価格を非表示にする必要があります選択します。私はこの

$('body').on('change', '.selectItemsList', function(){ 
    $price_value = $(this).text().trim().split('$')[1]; 
    $($(this).parents("tr:first").find('[name=getSelection] option')[1]).text('Default ($'+$price_value+')'); 
}); 

を次している以下のコードに基づいて

I選択

<select name="get_Items" id="get_Items" class="selectItemsList" data-rule-required="true" data-msg-required="Choose Item" tabindex="-1" aria-hidden="true"> 
      <option value="128177000000982001~ACLS Heartcode Part 1 Online~YES~137.28">ACLS Heartcode Part 1 Online - &lt;div style=visibility:hidden;&gt;$137.28&lt;/div&gt;</option><option value="128177000000139503~ACLS Skills~YES~75.0">ACLS Skills - &lt;div style=visibility:hidden;&gt;$75.0&lt;/div&gt;</option></select> 

Answer 1

この

を達成するためにあなたの関数に$price_value = $('.selectItemsList option:selected').text().trim().split('$')[1]を追加し、このplunckerを確認してください、私が持っていますあなたのためにそれを更新しました。それを参照してくださいhere。

https://plnkr.co/edit/EEkL0tmN42UUqbjAKUaS?p=preview

あなたの最終的なコードは

$('body').on('change', '.selectItemsList', function(){ 
     $price_value = $('.selectItemsList option:selected').text().trim().split('$')[1] 
     $($(this).parents("tr:first").find('[name=getSelection] option')[1]).text('Default ($'+$price_value+')'); 
    }); 

になり、これが役立つことを願っています。ありがとうございました。