Question

我使用Ajax填充PHP中的下拉列表，但我在ajax中使用的ID与Jquery id相同。因此数据不会进入第二次下拉列表。这是我的jquery代码：

<script type="text/javascript">
    var n = jQuery.noConflict();
    n(function () {
        n("#country_id").selectbox();
    });
    n(function () {
        n("#country_id1").selectbox();
    });
    n(function () {
        n("#country_id2").selectbox();
    });

    n(function () {
        n("#country_id3").selectbox();
    });
</script>

这是我的ajax代码：

<script type="text/javascript">
  function get_stream(){
    var country_id=jQuery("#country_id").val();
    //alert(country_id);
    jQuery.ajax({
        type: "POST",
        url: '<?php echo Router::url(array('controller'=>'Prep','action'=>'stream'));?>',
        data: {stream:country_id},
        success: function (data){
            //alert(data);
            jQuery('#country_id1').html(data);
        }
    });
  }
</script>

这是我的HTML

       <div class="selectbox">
            <select  name="data[Jobboard][City]" id="country_id1"       tabindex="1">
                <option>select City</option>
            </select>
       </div>

如何在第二个下拉列表中获取数据？

Answer 1

尝试更换此

jQuery("#country_id").val();

到

$( "#country_id option:selected" ).text();

希望这会有所帮助..

Answer 2

你应该试试这个： $("#country_id").next('.sbHolder').find('.sbSelector').html('Spain')

为什么jQuery ID无法使用下拉菜单中的ajax

2 个答案: