Искам да отворя файл използвайки select option

qazxsw

Registered
Здравейте правя 1 проект за училище и ми трябва помощ.
Имам ето този код.
Как мога да направя така, че ако потребителя избере да речем Ауди да натисне субмит бутон който да отвори Audi.pdf файл ?

Код:
<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
 
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi" onClick="window.open('http://пътя.до.Audi.pdf','mywindow','width=400,height=200')">Audi</option>
</select>
???
Не съм сигорен дали ще стане със този onClick :)
 
Код:
<script type="text/javascript">
    $(function() {
        $("#selectElement").change(function() {
            if ($(this).val()) {
                window.open($(this).val(), '_blank');
                $("#formElement").submit();
            }
        });

        // just to be sure that it is submitting, remove this code
        $("#formElement").submit(function() {
            alert('submitting ... ');
        });
    });
</script>

<form id="formElement" method="get" action="#">
<select id="selectElement">
<option value="volvo.pdf">Volvo</option> 
<option value="saabpdf">Saab</option> 
<option value="mercedespdf">Mercedes</option> 
<option value="audipdf">Audi</option>
 </select>
</form>
Хайде дерзай! :)
http://stackoverflow.com/questions/564980/javascript-form-select-element-open-url-in-new-window-and-submit-form
 
<select id="mySelect" onchange="if(this.options[this.selectedIndex].value != ''){window.top.location.href=this.options[this.selectedIndex].value}">
<option value="http://www.volvo.net">Volvo</option>
<option value="http://www.saab.net">Saab</option>
<option value="http://www.mercedes.net">Mercedes</option>
<option value="http://www.audi.net">Audi</option>
</select>

Пробвах го и работи перфектно!
 
baso каза:
<select id="mySelect" onchange="if(this.options[this.selectedIndex].value != ''){window.top.location.href=this.options[this.selectedIndex].value}">
<option value="http://www.volvo.net">Volvo</option>
<option value="http://www.saab.net">Saab</option>
<option value="http://www.mercedes.net">Mercedes</option>
<option value="http://www.audi.net">Audi</option>
</select>

Пробвах го и работи перфектно!

+1 :)
 

Back
Горе