Javascript 为什么jqueryid不能在ajax中使用下拉列表

我使用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>

var n=jQuery.noConflict（）；
n（函数（）{
n（“#国家/地区id”）。选择框（）；
});
n（函数（）{
n（“#国家/地区id1”）。选择框（）；
});
n（函数（）{
n（“#国家/地区id2”）。选择框（）；
});
n（函数（）{
n（“#国家/地区id3”）。选择框（）；
});

这是我的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>

函数get_stream（）{
var country_id=jQuery（“#country_id”）.val（）；
//警报（国家/地区标识）；
jQuery.ajax({
类型：“POST”，
url:“”，
数据：{stream:country_id}，
成功：功能（数据）{
//警报（数据）；
jQuery（'#country_id1'）.html（数据）；
}
});
}

这是我的html

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

选择城市

要获取第二个下拉列表中的数据，我必须做些什么？

尝试替换 这个

到

希望这有帮助。

您应该尝试以下方法：

---

$（“.sbHolder”）.next（“.sbHolder”）.find（“.sbSelector”）.html（'Spain'）

@Satpal-sir这并不能解决我的问题。我不是先生，我只是用名字/全名。你在

警报（country\u-id）中得到了什么？？
jQuery("#country_id").val();

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