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+')');
});

以下我选择

<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+')');
    });

希望这会有所帮助。谢谢。

jquery更改与div中的提取数据相关，显示隐藏的可见性

1 个答案: