请教各位同学,在Jquery中,如何赋值一组数据到指定的下拉菜单中呢?谢谢<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
var str='汉族,蒙古,回族,藏族,维吾尔族,苗族,彝族,壮族,布依族,朝鲜族,满族,侗族,瑶族,白族,土家族,哈尼族,哈萨克族,傣族,黎族,傈傈族,佤族,畲族,高山族,拉枯族,水族,东乡族,纳西族,景颇族,柯尔克孜族,土族,达斡尔族,仫佬族,羌族,布郎族,撒拉族,毛南族,仡佬族,锡伯族,阿昌族,普米族,塔吉克族,怒族,乌孜别克族,俄罗斯族,鄂温克族,德昂族,保安族,裕固族,京族,塔塔尔族,独龙族,鄂伦春族,赫哲族,门巴族,珞巴族,基诺族';$(function(){
    
});
//]]>
</script></head><body>
<select name="Nation" id="Nation">
    <option>请选择民族</option>
</select>
</body>
</html>

解决方案 »

  1.   

    $(function(){
    var mArray=new Array()
    var mArray = str.split(",");
    alert(mArray.length);
        for(var i = 0; i<mArray.length; i++){
          $('#Nation').append($("<option value='"+mArray[i]+"'>"+mArray[i]+"</option>"));
    }
    });
      

  2.   

    谢谢二楼回复,但是我还要留着之前的,请选择 这三个字
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
    //<![CDATA[
    $(function(){
        var str='汉族,蒙古,回族,藏族,维吾尔族,苗族,彝族,壮族,布依族,朝鲜族,满族,侗族,瑶族,白族,土家族,哈尼族,哈萨克族,傣族,黎族,傈傈族,佤族,畲族,高山族,拉枯族,水族,东乡族,纳西族,景颇族,柯尔克孜族,土族,达斡尔族,仫佬族,羌族,布郎族,撒拉族,毛南族,仡佬族,锡伯族,阿昌族,普米族,塔吉克族,怒族,乌孜别克族,俄罗斯族,鄂温克族,德昂族,保安族,裕固族,京族,塔塔尔族,独龙族,鄂伦春族,赫哲族,门巴族,珞巴族,基诺族';
        var obs=str.split(",");    $('#Nation').each(function (i, j) {
            var $j = $(j);
            $j[0].options.length = 0;
            $.each(obs, function (m, n) {
                $("<option></option>").val(n).text(n).appendTo($j);
            });
        })});
    //]]>
    </script></head><body>
    <select name="Nation" id="Nation">
        <option>请选择民族</option>
    </select>
    </body>
    </html>
      

  3.   

    有“请选择民族”这几个字的,因为是使用的append方法,不会把以前的给删除的我在ie8下没问题的,你试一下