inline outline

Question

1) inline działa outline nie. Co zmienić 

   <script src="imgchange.js"> </script>
    <script>
        /*
         //imgchange.js
        document.querySelector(".piC").onchange = function () {
            const key = this[this.selectedIndex];
            switch (key.value) {
                case "p1": {
                    ///document.getElementsByClassName('aaa')[0].src= key.textContent + ".jpg";
                    document.getElementsByClassName('aaa')[0].innerHTML = class2;
                    break;
                }
                case "p2": {
                    document.getElementsByClassName('aaa')[0].src = key.textContent + ".jpg";
                    break;
                }
                case "p3": {
                    document.getElementsByClassName('aaa')[0].src = key.textContent + ".jpg";
                    break;
                }
            }
        }
        */
    </script>

2) czy jest lepszy, krótszy sposób na zmianę obrazka?

Answer 1

ja bym poszedł w zupełnie inną stronę: https://jsfiddle.net/Comandeer/nb617cqx/

• Informacja o tym, dla którego obrazka jest dany select jest przechowywana w atrybucie [data-change], dzięki czemu kod działa dla wielu różnych obrazków i selectów.
• Adres obrazka do wczytania znajduje się w option[value], podczas gdy zawartość option jest wykorzystywana jako tekst alternatywny obrazka.

Comments

Dzięki, ale może jeszcze nie na tą chwilę, ale z przyjemnością wrócę do kodu.

Answer 2

Jeżeli tylko podmieniasz obrazek to wystarczy:

<img src="pierwszy.jpg" class="aaa">

<select class="piC">
    <option value="pierwszy" selected>pierwszy</option>
    <option value="drugi">drugi</option>
    <option value="trzeci">trzeci</option>
    <option value="czwarty">czwarty</option>
</select>

<script>
document.querySelector(".piC").onchange = function () {
    const key = this[this.selectedIndex];
    document.getElementsByClassName('aaa')[0].src = key.value + ".jpg";
}
</script>

 

Comments

dzięki działa