jQuery clone（）的select元素不能修改option里的文本 IE8、其它浏览器可以在线等

[KLL]

<div id="div">
    <select>
        <option name='selname'>请选择</option>
        <option>一年级</option>
        <option>二年级</option>
    </select>
</div>

<button>button</button>

<script type="text/javascript">
    $("select").clone().appendTo($("#div"));
    $("button").click(function () {
        $("option[name='selname']").html("select");
        alert($("div").html()); //查看html里面都是select，就是clone的select还是请选择

        //$("select").last().append("<option></option>");//加上这句都是select，这个select不能选了        
    });
</script>

[KLL]

有知道的顺便再说下原因。

[fzfei2]

IE 下的 option 不能当普通标签来看，appendChild,innerHTML...都不能用 通过可以 select.options.app( new Option(text,value) )

[KLL]

为什么clone的select $("select").eq(1).append("<option>abc</option>");就不行了呢

[fzfei2]

也有可能JQ对IE8的兼问题，是最新JQ? 试试 $("select")[1].options.add( new Option('abc') );

[KLL]

用的是1.10.1的 用dom对象可以 就是jquery对象不行 是不是jquery的clone有问题

[fzfei2]

引用 5 楼 kll329582600 的回复:

用的是1.10.1的 用dom对象可以 就是jquery对象不行 是不是jquery的clone有问题

应该不是clone的问题 你看一下，操作第一个是不是也一样 $("select:first").append("<option>abc</option>");

[deiphi]

	$(document).ready(function(){
		$("select").clone().appendTo($("#div"));
		$("button").click(function(){
			$("option[name='selname']").each(function(){
				$(this).parent().prepend("<option>select</option>").end().remove();
			});
		});
	});

[KLL]

第一个是可以的，就是clone的不行

[deiphi]

引用 8 楼 kll329582600 的回复:

第一个是可以的，就是clone的不行

我测试过都可以。

[KLL]

引用 7 楼 deiphi 的回复:

	$(document).ready(function(){
		$("select").clone().appendTo($("#div"));
		$("button").click(function(){
			$("option[name='selname']").each(function(){
				$(this).parent().prepend("<option>select</option>").end().remove();
			});
		});
	});

不行的，clone的用jquery对象就不能选了，直接给定死呢了

[KLL]

引用 9 楼 deiphi 的回复:

[quote=引用 8 楼 kll329582600 的回复:] 第一个是可以的，就是clone的不行

我测试过都可以。[/quote] 我的IE8

[deiphi]

引用 11 楼 kll329582600 的回复:

[quote=引用 9 楼 deiphi 的回复:] [quote=引用 8 楼 kll329582600 的回复:] 第一个是可以的，就是clone的不行

我测试过都可以。[/quote] 我的IE8[/quote] 那就不清楚了，我的ie8也是可以的。

[KLL]