Gewusst wie: übergeben eines ausgewählten drop-down-Wert einer Funktion, die änderungen der Hintergrundfarbe onclick

<script>    
myVar = document.getElementById('colorpick').value;

function color_click(myVar){
document.getElementById("touch").style.backgroundColor=myVar;
}
</script>
<select name="colorpick" id="colorpick">
<option value="red">red</option>
<option value="blue">blue</option>
<option value="green">green</option>
</select>

<div id="touch" onclick="color_click(myVar);"> XXXXXXXXXXX </div>

Dieser code wie erwartet funktioniert, wenn ich Ersatz 'blau' für den Wert von myVar, aber ich wollen, wählen Sie die Farbe, die via dropdown-Menü, bevor ich Sie auf das element, um es zu ändern-hintergrund.

InformationsquelleAutor Joe | 2013-04-23

  1. 4

    Weil Sie wollen, um die Farbe via dropdown-Menü, wenn Sie auf die div, so dass Sie brauchen, um 

    myVar = document.getElementById('colorpick').value;

    in der color_click Funktion.

    Sie können versuchen, diese: 

    function color_click(){
    var myVar = document.getElementById('colorpick').value;
    document.getElementById("touch").style.backgroundColor = myVar;
}

    Und in Sie div: 

    <div id="touch" onclick="color_click();"> XXXXXXXXXXX </div>

    Hoffe, es ist hilfreich.

    Vielen Dank, das funktioniert perfekt.
    Du bist herzlich willkommen.

    InformationsquelleAutor Xiaodan Mao

  2. 0

    Müssen Sie den Zugriff auf den Wert der ausgewählten option. Das zu tun, brauchen Sie etwas wie dieses:

    function color_click(){
    var sel = document.getElementById('colorpick'),
    myVar = sel.options[sel.selectedIndex].value;
    document.getElementById("touch").style.backgroundColor=myVar;
}

    InformationsquelleAutor ryanbrill

Schreibe einen Kommentar