Question

我有一个选择菜单，该菜单使每个选项的表内容都更改（第一，第二）

试图做的就是复制表的内容[我只能通过类名“ bullet-item”访问它的元素]，然后在用户选择一个选项时向其中添加一些文本然后显示新内容。

我使用以下代码，但是它不起作用。我的桌子没有变化我认为问题出在数组应对

我想做的就像这部影片 https://www.useloom.com/share/772743b97bbc4ac5839e418bfb527d78

*请注意，我无法使用其他ID或类，因为我使用的是WordPress表

这是选择菜单

      <select id="select" >
      <option value="first">First</option>
       <option value="secoend">Secoend</option>
        </select>

这是表

 <div class="bullet-item" title=""><span class="text">Point of sale with one 
 single login account</span></div>
 <div class="bullet-item" title=""><span class="text">Manage inventory of 50 
  products</span></div>
 <div class="bullet-item" title=""><span class="text">Manage sales 
  invoices</span></div>
 <div class="bullet-item" title=""><span class="text">Manage Purchase 
  Invoices</span></div>
<div class="bullet-item" title=""><span class="text">Detailed reports</span> 
</div>
<div class="bullet-item" title=""><span class="text">Technical support 
throughout the subscription period</span></div>
  <div class="bullet-item" title=""><span class="text">Calculate the VAT 
value</span></div>
 <div class="bullet-item" title=""><span class="text">Training for your 
  team</span></div>
  <a href="/en/pos/?add-to-cart=203" target="_self" class="button primary"  
  style="border-radius:10px;">
   <span>add to cart</span>
    </a>
    </div>

这是jquery

jQuery(document).ready(function( $ ){
         // Your code in here  
         $(document).ready(function(){
          var theOrginal =[];
           var forOption1=[];
           var forOption2=[];
          $('.bullet-item').each(function(index, obj) {
          theOrginal.push($(this).text());
           });
          console.log(theOrginal);
          $("#select").change(function(){

         var selected = $("#select").children("option:selected").val();
         if(selected.localeCompare("first")==0){
         forOption1=[];
    for(var i=0;i<theOrginal.length;i++){
     forOption1.push(arr[i]+"2");}
     console.log(forOption1);
      $('.bullet-item').each(function(index, obj) {
      $(this).text() =forOption1[index];
      });
      }
     else{
      forOption2=[];
      for(var i=0;i<theOrginal.length;i++){
      forOption2.push(arr[i]+"3");}
      console.log(forOption2);
      $('.bullet-item').each(function(index, obj) {
      $(this).html( forOption2[index]);
         });
       }
         });
       }); 
       });

复制数组表单类

0 个答案: