get html value from jquery

Question

i want to get the value of the $category[$category] from jquery

this is my 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>

this is my jquery i want to get the value of the array

$(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>");
      
    });
});

Are you referring to all the ` – jpcanamaque Sep 30 '14 at 05:06 — jpcanamaque, Sep 30 '14 at 05:06

score 0 · Answer 1 · answered Sep 30 '14 at 05:07

You may try this demo

$(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 ...

get html value from jquery

1 Answers1