如何根据下拉选择更新(追加到其中）href

how to update (append to it) an href based on dropdown selection?

本文关键字：追加 href 更新 何根 选择      更新时间：2024-02-23

如何根据下拉选择将值附加到href链接？

示例：

<option value="100" selected="selected">MyList</option>

还有一个超链接，比如：

<a href="www.mysite.com/insert/place_where_insert_the_selected_value"></a>

因此链接将是：

<a href="www.mysite.com/insert/100"></a>

感谢您对的支持

我试过

$('#IdMenuToEdit').change(function() {
    var id = $( "#IdMenuToEdit option:selected" ).val();
    var href = $('a.with-tip[name="DeleteMenu"]').attr("href");
    $('a.with-tip[name="DeleteMenu"]').attr('href',href+"/"+id);

});

它可以工作，但不是很优雅的

类似的东西：

var valselected = $('select option:selected').val();
$('a').attr('href','www.mysite.com/insert/'+valselected);

它是这样的，如果你给出更完整的代码，我可以给出更全面的答案。更准确地说，这段代码需要来自combobox和等组件的一些"id"或"name"

尝试：

change_link（）；

$("select").change(function(){
    change_link();
});
function change_link(){
    var val = $("select option:selected").val();
    $("a").each(function(){
        var nhref = "";
        var href = $(this).attr("href").split("/");
        for(var i=0;i<href.length-1;i++){
            nhref += href[i]+"/";
        }
        nhref += val;
        $(this).attr("href",nhref);
    });
}

此处演示

这将是一种更有效的方法：

让你的html像这样：

<select id="mycombo">
<option value="100" selected="selected">MyList</option>
... 
</select> 
 <a id="mylink" href="www.mysite.com/insert/"></a>

现在，您捕获combo的更改事件，然后根据所选值更改链接href。第一次保存base_href，以避免每次都计算它。

var base_href="";
$('#mycombo').on('change', function() {
   var value=$(this).val();
    if (base_href=="")
        base_href = $("#mylink").attr("href");
   $("#mylink").attr("href",base_href+value);
 });
相关文章：