Zmiana atrybutu data w elemencie object zdarzeniem onchange w select

pytanie zadane 26 lutego 2017 w HTML i CSS przez niezalogowany

Jak zmienić zawartość atrybutu data w elemencie object po wybraniu odpowiedniej opcji w select zdarzeniem onchange

Chce otworzyć inny pdf

Oto kod

<!DOCTYPE HTML>
<html lang='pl'>
<head>
<meta charset='utf-8' />
<title></title>
<link href='css/style.css' rel='stylesheet' />
<style>
    object{
        width: 100%;
        position: absolute;
        top: 10%;
        left: 0;
        height: 90%
    }
    .select{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10%;
        background: #DFEDFC;
        display: flex;
        justify-content: center;
        align-items: center;
    }

</style>
</head>
<body>
    <div class="select">   

             wybór: 
            <select name="" id="wybor" onchange="">
                <option value="http://miroslawzelent.pl/wyklady/urzadzenia-peryferyjne-skanery-dukarki-klawiatury-myszki.pdf">Opcja 1</option>
                <option value="http://miroslawzelent.pl/wyklady/c-plus-plus-pascal-kurs-podstawowy.pdf">Opcja 2</option>
            </select> 

       
    </div>
    <object width="100%"  id="element" data="http://miroslawzelent.pl/wyklady/urzadzenia-peryferyjne-skanery-dukarki-klawiatury-myszki.pdf"></object>

</body>
</html>

1 odpowiedź

odpowiedź 26 lutego 2017 przez pablop76 VIP (123,180 p.)
edycja 26 lutego 2017 przez pablop76

Witam. jquery

lub javascript

<select id="wybor" onclick="zmiana()">
    <option value="http://pu.i.wp.pl/bloog/98142508/55325436/1376633_635448896486_W4_big.jpg">1</option>
    <option value="http://gfx.dlastudenta.pl/fotoalbum/023/d0a/567/1ef/1204618">2</option>
</select>
<div id="wynik">Miejsce obraz</div>

#wynik img{
  width: 300px;
  height: auto;
  background-color: yellow;
}

function zmiana(){
var x = document.getElementById('wybor').value;
document.getElementById('wynik').innerHTML = 
'<img src="'+x+'">';
}

Podobne pytania

Zmiana atrybutu data w elemencie object zdarzeniem onchange w select

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci