在ajax查询中包含元素$ id

时间:2017-10-01 13:27:04

标签: javascript php jquery ajax

当我编辑我的产品时,我希望我的类别显示在下拉列表中。目前只是

-- Select your category --

例如,我的$current_category_id = 2,下拉列表必须显示好的类别。

怎么做?

TK

<div id="myAjax"><select name="move_to_category_id" id="category_id"><option value="0">-- Select your categorie --</option></div>
    <script type="text/javascript">
      jQuery(document).ready(function() {
        $("#myAjax").on('click', function () {
          var selectedOptionVal = $('#category_id').val();
          $.ajax({
            url: '<?php echo $categories_ajax; ?>',
            dataType: 'json',
            success: function (data) {
              //data returned from php
              var options_html = '';
              for (var index in data) {
                var category_id = data[index]['id'];
                var category_name = data[index]['text'];
                var selectedString = category_id == selectedOptionVal ? ' selected="selected"' : '';
                options_html += '<option value="' + category_id + '"' + selectedString + '>' + category_name + '</option>';
              }
              $('#category_id').html(options_html);
            }
          });
        });
      })
    </script>

1 个答案:

答案 0 :(得分:0)

您的代码说,在点击div时,您正在根据选择框中的选定值进行ajax调用。但点击时没有任何价值,因为您之后更新了选择框。

准备好打开ajax并填充下拉框。