javascript - javascriptでドロップダウンリストのアイテムを自動的に選択する方法

Question

アイテムが異なる2つのドロップダウンリストがあります。dropdownlist1 で項目を選択すると、選択した項目が dropdownlist2 に追加され、選択されるはずです。以下の JavaScript コードを使用して、dropdownlist2 に項目を追加できましたが、選択されませんでした。新しく追加されたアイテムを自動的に選択する方法を教えてください。

var domName = document.getElementById("dropdownlist1");
var domSelectedText = domName.options[domName.selectedIndex].text;
var domSelectedValue = domName.options[domName.selectedIndex].value;
var opt = document.createElement("option");
opt.text = domSelectedText;
opt.value = domSelectedValue;
document.getElementById("dropdownlist2").options.add(opt);

Answer 1

新しく追加されたアイテムを選択済みとしてマークするには、もう1行必要だと思います。

opt.selected = true;

Answer 2

コードを次のように減らすことができます。

var domName = document.getElementById("dropdownlist1"),
selectedOption = domName.options[domName.selectedIndex].cloneNode(true);

document.getElementById("dropdownlist2").appendChild(selectedOption);

デモ

Answer 3

試す

var opt = new Option(domSelectedText, domSelectedValue)
Array.prototype.push.call(document.getElementById("dropdownlist2").options, opt)

Answer 4

var domName = document.getElementById("dropdownlist1");
var domSelectedText = domName.options[domName.selectedIndex].text;
var domSelectedValue = domName.options[domName.selectedIndex].value;
var sel2 = document.getElementById("dropdownlist2");
sel2.options[sel2.options.length]=new Option(domSelectedText,domSelectedValue)
sel2.selectedIndex = sel2.options.length-1;