jquery - 基於選擇值更新href？

我試圖根據用戶從選擇菜單中選擇的值來組裝href標籤。這是我有的代碼，這是行不通的。我是很新，jQuery的，所以，如果有人可以幫我或提出一個更好的辦法，那簡直太好了......jquery - 基於選擇值更新href？

$(document).ready(function() 
{ 
    if($('#addtocalendar-selects').length) { 
    $("select.addCalselect").change(displayVals); 
    displayVals(); 
    } 
}); 

function displayVals() { 
     var monthValues = $("#monthVal").val(); 
     var dayValues = $("#dayVal").val(); 
     var yearValues = $("#yearVal").val(); 
     $("a.desturl").attr('href', '/' + yearValues + '-' + dayValues + '-' + monthValues); 
}

而且，相關的HTML：

<select id="monthVal" class="form-select addCalselect"> 
    <option value="01">Jan</option> 
    <option value="02">Feb</option> 
    <option value="03">Mar</option> 
    <option value="04">Apr</option> 
    <option value="05">May</option> 
    <option value="06">Jun</option> 
    <option value="07">Jul</option> 
    <option value="08">Aug</option> 
    <option value="09">Sep</option> 
    <option value="10">Oct</option> 
    <option value="11">Nov</option> 
    <option value="12">Dec</option> 
</select> 

<select id="dayVal" class="form-select addCalselect"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
    <option value="10">10</option> 
    <option value="11">11</option> 
    <option value="12">12</option> 
    <option value="13">13</option> 
    <option value="14">14</option> 
    <option value="15">15</option> 
    <option value="16">16</option> 
    <option value="17">17</option> 
    <option value="18">18</option> 
    <option value="19">19</option> 
    <option value="20">20</option> 
    <option value="21">21</option> 
    <option value="22">22</option> 
    <option value="23">23</option> 
    <option value="24">24</option> 
    <option value="25">25</option> 
    <option value="26">26</option> 
    <option value="27">27</option> 
    <option value="28">28</option> 
    <option value="29">29</option> 
    <option value="30">30</option> 
    <option value="31">31</option> 
</select> 

<select id="yearVal" class="form-select addCalselect"> 
    <option value="2010">2010</option> 
    <option value="2011">2011</option> 
    <option value="2012">2012</option> 
    <option value="2013">2013</option> 
    <option value="2014">2014</option> 
    <option value="2015">2015</option> 
</select> 

<a class="desturl" href="">C8Dest</a>

來源

2010-10-30 KarmaKarmaKarma

你爲什麼要處理重定向？它應該在服務器端完成。想想JS被禁用的用戶和搜索引擎，以及如果我開始狡猾的功能呢？您絕不應該依賴JavaScript來處理任何對頁面流程至關重要的事情。 – balupton 2010-10-30 02:43:21

嘗試在客戶端以下

$(document).ready(function() { 
    $('select.addCalselect').change(displayVals); 
}); 

function displayVals() { 
    var monthValues = $("#monthVal").val(); 
    var dayValues = $("#dayVal").val(); 
    var yearValues = $("#yearVal").val(); 
    $("a.desturl").attr('href', '/' + yearValues + '-' + dayValues + '-' + monthValues); 
}

來源

2010-10-30 02:08:20 JaredPar

$('#addtocalendar-selects').length返回0.

因此，事件未附加。

刪除檢查，或change it到$("select.addCalselect").length，你很好去。

來源

2010-10-30 02:01:28 alex

不，我只包括錯誤的選擇......它*包裹在

– KarmaKarmaKarma 2010-10-30 02:02:55

@KarmaKarmaKarma在這種情況下，它對我來說工作正常。上面的鏈接是否適合你？ – alex 2010-10-30 02:03:53

:-(No ...我第一次改變它$（「select.addCalselect」）。length，然後我把它拿出來，如果完全沒有，甚至沒有錯誤或控制檯消息在螢火蟲... – KarmaKarmaKarma 2010-10-30 02:09:50

jquery - 基於選擇值更新href？

回答

相關問題