Получить HTML значение из JQuery

Question

я хочу, чтобы получить значение $ категории [$ категории] из JQuery

это мой HTML

<select name='category' id='category'> 
         <option value='0'>Please select</option> 
         <?php 
         $param = array(); 
         $categories = $core -> getProductsCategories($param); 
         if($categories) { 
          foreach($categories as $category) { 
         print "<option value='$category[id]'>$category[category]</option>"; 
          } 
         } 
         ?> 
        </select> 
<input type="button" id="add" name="add" value="Add to sales order" />   
      <div class="messages"></div> 

это мой JQuery я хочу, чтобы получить значение массив

$(document).ready(function() { 
 
    $('#add').click(function() { 
 
    //var toAdd = $("select[name=category]").val(); 
 
     var toAddd = $('select[name="category"]').val(); 
 
    // $('#messages1').append("<p>"+toAdd+"</p>"); 
 
     $('.messages').append("<p>"+toAddd+"</p>"); 
 
     
 
    }); 
 
});

Answer 1

Вы можете попробовать это демо

$(function() { 
 
    var ctg = $('#category'); 
 
    $('#add').on('click', function() { 
 
    console.log('Selected category value', ctg.val()); 
 
    console.log('Selected category text', ctg.find(':selected').text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name='category' id='category'> 
 
    <option value='0'>Please select</option> 
 
    <option value='1'>Category 1</option> 
 
    <option value='2'>Category 2</option> 
 
</select> 
 
<input type="button" id="add" name="add" value="Add to sales order" /> 
 
<br/>Open console ...