1

何かが選択されたときに関数に引数 (色) を渡したいドロップダウン リストがあります。過去に Javascript を少し使用したことがありますが、これを行う方法が完全にはわかりません。外部ファイルでJavaScriptを実行しています。最終的には、ドロップダウン メニューをメニューで選択した色に変更したいと考えています。よろしくお願いします。

HTMLコード

 <div id="Color_drop_menu">

 <form>
 <select id=Color1 onchange="Color1Change()">
    <option> </option>
    <option> "Black" </option>
    <option> "Brown" </option>
    <option> "Red" </option>
    <option> "Orange" </option>
    <option> "Yellow" </option>
    <option> "Green" </option>
    <option> "Blue" </option>
    <option> "Violet"</option>
    <option> "Grey" </option>
    <option> "White" </option>
    <option> "Gold" </option>
    <option> "Silver" </option>
</select>
</form>

</div>

Javascript コード

function Color1Change(){
      console.log("Hello World"); //this prints Hello World
}
4

2 に答える 2

2

これを試して：

function Color1Change(x) {
    var color = x.options[x.selectedIndex].innerHTML.replace(/\"/g, '');
    document.getElementById('Color_drop_menu').style.backgroundColor = color;
}

select要素を次のように変更します。<select id=Color1 onchange="Color1Change(this)">

jsFiddle の例

于 2013-03-21T19:57:36.643 に答える
1

これを試して：

HTML:

<select id=Color1 onchange="Color1Change(this)">

Javascript:

<script>
   function Color1Change(option){
      console.log(option.value); //this prints the text of your options if no value attribute is set.
}
</script>
于 2013-03-21T19:56:19.813 に答える