select内を書き換えることは出来ますか

質問

例のようなリストが表示されているとします。
そのリストを、後で内容だけ変えたいのですが、出来るでしょうか？
（２～４行目のオプション部分をすべて書き換えます）

<select name="hajime">
<option value="http://test.com/image1.gif">画像１
<option value="http://test.com/image2.gif">画像２
<option value="http://test.com/image3.gif">画像３
</select>

回答No.1

FlossenEngel

IE,Mozilla限定ですが。
<select name="hajime" id="list">
<option value="http://test.com/image1.gif">画像１
<option value="http://test.com/image2.gif">画像２
<option value="http://test.com/image3.gif">画像３
</select>
<input type="button" onclick="test()" value="Test">
<script>
function test() {
var elmSelect = document.getElementById("list");
while (elmSelect.firstChild != null) {
elmSelect.removeChild(elmSelect.firstChild);
}
var elmOption1 = document.createElement("option");
elmOption1.setAttribute("value","new value 1");
var elmText1 = document.createTextNode("new 1");
elmOption1.appendChild(elmText1);
var elmOption2 = document.createElement("option");
elmOption2.setAttribute("value","new value 2");
var elmText2 = document.createTextNode("new 2");
elmOption2.appendChild(elmText2);
elmSelect.appendChild(elmOption1);
elmSelect.appendChild(elmOption2);
}
</script>

また、やはりIE,Mozilla限定ですが。
<div id="list1" style="display:block">
<select name="hajime">
<option value="http://test.com/image1.gif">画像１
<option value="http://test.com/image2.gif">画像２
<option value="http://test.com/image3.gif">画像３
</select>
</div>
<div id="list2" style="display:none">
<select name="hajime">
<option value="http://test.com/image4.gif">画像４
<option value="http://test.com/image5.gif">画像５
<option value="http://test.com/image6.gif">画像６
</select>
</div>
<input type="button" onclick="test2()" value="Test2">
<script>
function test2() {
document.getElementById("list1").style.display="none";
document.getElementById("list2").style.display="block";
}
</script>

後者はLayerタグでネスケ4.xにも応用可能かもしれませんが…。

お礼

大変遅くなり失礼しました。

色々と確認してみましたが、基本的にこちらの設定通りには変更出来ないようだったので、FlossenEngel さんのスクリプトもテスト出来ませんでした。

今回は有難うございました。

補足

解答、有難うございます（＾＾）

初めの方のスクリプトが近いと思うのですが…
質問で書いた部分は、書き換えが出来ない(現状のまま使用)ということと、
その質問文(スクリプト)の後に置くだけで、操作しないで、一度出力したはずの２～３行目の内容がスリ替わるようにしたいのです。

宜しくお願いします（ーー）