はオプションが

Question

を選択したとき、私はこの1つのようなHTMLを持って、選択ボックスの色を変更する方法を、把握することはできません：

<select onclick="colorchanger()"> 
    <option name="white" value="0">--Select--</option> 
    <option name="red" value="1">Work</option> 
    <option name="green" value="2">Doesn't Work</option> 
</select> 

オプションが選択されたとき、私は、選択ボックスの色を変更する必要があります。私は値を使って色を変える方法を理解していますが、私は名前を使う必要があります。 誰も助けることができますか？どのようにこの関数のJavaScriptを書くには？

Answer 1

は、以下のことを試してみてください。

function colorchanger(op){ 
 
    var color = op.options[op.selectedIndex].getAttribute('name'); 
 
    op.style.backgroundColor=color; 
 
}

<select onclick="colorchanger(this)"> 
 
    <option name="white" value="0">--Select--</option> 
 
    <option name="red" value="1">Work</option> 
 
    <option name="green" value="2">Doesn't Work</option> 
 
</select>

Answer 2

'のonchange' ハンドラを使用してください。クリックごとに色を変更する必要はありません。

function colorChanger(select) { 
 
    var color = select.options[select.selectedIndex].getAttribute('name'); 
 
    select.style.backgroundColor=color; 
 
};

<select onchange="colorChanger(this);"> 
 
    <option name="white" value="0">--Select--</option> 
 
    <option name="red" value="1">Work</option> 
 
    <option name="green" value="2">Doesn't Work</option> 
 
</select>