簡單的javascript窗體行動方向

我想使用jquery重新形成窗體的目標網址 - 請參閱下文。任何想法，我錯了？非常感謝......簡單的javascript窗體行動方向

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
    </style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 

    <script> 
     // Needs to point at search page with eg: test.htm?s=SearchTerm&cat=3,7 
     // but I keep getting - test.htm?s=hh&cat1=3&cat2=0 
     $("#aSearch").click(function() { 
     $('form').attr('action', './test.htm?s=' + this.s + '&cat=' . this.cat1 + ',' + this.cat2); 
     }); 
    </script> 

    <form name="advancedSearch" action="" method="get"> 
    <input id="s" type="text" name="s" size="40" /> 
    <select name="cat1"> 
     <option value="0"> - - - </option> 
     <option value="3">Chardonnay (6)</option> 
     <option value="23">Gewurztraminer (1)</option> 
     <option value="24">Pinot Gris (1)</option> 
     <option value="4">Sauvignon Blanc (3)</option>    
    </select> 
    <select name="cat2"> 
     <option value="0"> - - - </option> 
     <option value="2">Burgandy (6)</option> 
     <option value="7">Shiraz (1)</option>   
    </select> 
    <div><input id="aSearch" type="submit" value="Search" /></div 
    </form> 

</body> 
</html>

來源

2011-07-15 Gwilym

在你的情況'this'是你的下''元！不存在像's'或'cat1'這樣的字段/元素 – timaschew

在你的原代碼，您試圖訪問的this性能。回調中的this關鍵字指的是DOM對象aSearch，所以它沒有提供正確的值。

$('form').attr('action', './test.htm?s=' + this.s + '&cat=' . this.cat1 + ',' + this.cat2);

你需要使用jQuery選擇每個元素並.val()而是取其值：

<script> 
    $(document).ready(function() { 
     var s = $('#s'); 
     var cat1 = $('#cat1'); 
     var cat2 = $('#cat2'); 

     $("#aSearch").click(function() { 
      $('form').attr('action', './test.htm?s=' + s.val() + '&cat=' . cat1.val() + ',' + cat2.val()); 
     }); 
    }); 
</script>

來源

2011-07-15 00:27:08

簡單的javascript窗體行動方向

回答

相關問題