[英]How to change href link with dropdown value
I got option values from a query, and i added into dropdown list. 我从查询中获得了选项值,并将其添加到下拉列表中。 here's the code:
这是代码:
$(document).ready(function() {
$( "#uname" ).focusout(function() {
$("#loader").show();
var uname = $( "#uname" ).val(),
v_request = $.ajax({
url : "data/get_agent.php",
type : "POST",
dataType: "json",
data : {
uname : uname
}
});
v_request.done(function(data, status, jqXHR) {
$("#application").empty();
var option = document.createElement("option"),
select = document.getElementById("application");
option.text = '-- Application --';
option.value = '';
select.appendChild(option);
$.each(data.data, function(key, data) {
var option = document.createElement("option"),
select = document.getElementById("application");
option.text = data.appname;
option.value = data.appvalue;
select.appendChild(option);
if(data.defvalue == 1)
select.value = data.appvalue;
});
});
})
});
the option value contain url link, i want call it in aa href tag. 选项值包含url链接,我想在aa href标签中调用它。 here's 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>
i don't know how to insert drop down value into href. 我不知道如何将下拉值插入href。
Use .val()
to get the value of the dropdown when you click on the link. 单击链接时,使用
.val()
获取下拉列表的值。
$("#link_combo").click(function() {
var url = $("#application").val();
if (url != "") {
window.location = url;
}
});
Or when the user selects something from the dropdown, you can change the href
: 或者当用户从下拉列表中选择某些内容时,您可以更改
href
:
$("#application").change() {
var url = $(this).val();
$("#link_combo").attr("href", url == "" ? "javascript:void(0)" : url);
});
Just adding to Barmar's answer, here's an example: http://jsbin.com/panacoqaje/1/ (I would have commented but I don't yet have 50 reputation :P) 只是添加到Barmar的答案,这是一个例子: http ://jsbin.com/panacoqaje/1/(我会评论但我还没有50个声望: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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.