Wie href Link mit Dropdown-Wert ändern

Question

Ich habe Option Werte von einer Abfrage, und ich habe in Dropdown-Liste hinzugefügt. Hier ist der Code:

der option wert enthalten url link, ich möchte es in einem a href tag anrufen. hier ist code:

<tr> 
    <td> 
     <select id="application" name="application"> 
     <option value=""> -- Application -- </option> 
     </select> 
    </td> 
</tr> 
<tr> 
    <td align="center" style="padding-top:10px;" id="logInBtn"> 
    <a id="link_combo" href="javascript:void(0);" onmouseout="MM_swapImgRestore()"><img src="resources/images/straclick-login.png" name="btn-login" border="0" width="280" id="btn-login" /></a> 
    </td> 
</tr> 

ich weiß nicht, wie Drop-Down-Wert in href einfügen.

Answer 1

Nur Zugabe zu Barmar Antwort, hier ein Beispiel: http://jsbin.com/panacoqaje/1/ (Ich habe kommentiert würde, aber ich don‘ t haben noch 50 Ruf: P)

$("#application").change(function() { 
 
    console.log(this.value); 
 
    $("#link_combo").attr('href', this.value); 
 
    $("#link_combo").text($("#application option:selected").text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tr> 
 
    <td> 
 
     <select id="application"> 
 
     <option value="http://google.com/">Google</option> 
 
     <option value="http://benzhang.xyz/">A Blog</option> 
 
     </select> 
 
    </td> 
 
</tr> 
 
<tr> 
 
    <td align="center" style="padding-top:10px;" id="logInBtn"> 
 
     A link to: 
 
    <a id="link_combo" href="#">Unicorn Land</a> 
 
    </td> 
 
</tr>

Answer 2

Verwenden Sie .val(), um den Wert des Dropdown-Menüs zu erhalten, wenn Sie auf den Link klicken.

$("#link_combo").click(function() { 
    var url = $("#application").val(); 
    if (url != "") { 
     window.location = url; 
    } 
}); 

Oder, wenn der Benutzer etwas aus dem Drop-Down-wählt, können Sie die href ändern:

$("#application").change() { 
    var url = $(this).val(); 
    $("#link_combo").attr("href", url == "" ? "javascript:void(0)" : url); 
});