从jquery获取html值[重复]答案

【问题标题】：get html value from jquery [duplicate]从jquery获取html值[重复]
【发布时间】：2014-09-30 13:07:33
【问题描述】：

我想从 jquery 中获取 $category[$category] 的值

这是我的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>");
      
    });
});

【问题讨论】：

您指的是由您的 PHP 脚本填充的所有 <option> 值吗？并将所有这些显示到 JS 数组中？

标签： javascript jquery html

【解决方案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 ...

【讨论】：