JQuery刷新從表格中的新網址DIV

Question

我有一個窗體，其中一個文本框是div標記的一部分。我希望它根據php GET請求中的文本框內容將該div標籤的內容更改爲另一個頁面。

例如，如果您鍵入地獄到文本框中，將位置=地獄加載goto.php？入格。

迄今這是代碼I中具有，和由於它是我的第一次與jquery吸入比胡佛吸塵器更多。

<div id="city"></div> 
<form name="goto" action="/"> 
<input type="text" id="city"> 
<input type="submit" name="submit" class="button" id="submit_btn" value="New City" /> 
</form> 
<script> 
    /* attach a submit handler to the form */ 
    $("#goto").submit(function(event) { 

    /* stop form from submitting normally */ 
    event.preventDefault(); 

    /* get some values from elements on the page: */ 
    var $form = $(this), 
     city = $form.find('input[name="city"]').val(), 

    /* Send the data using post and put the results in a div */ 
    $('currentwxdiv').load('http://www.jquerynoob.bomb/hell.php?location=' + city); 

    }); 
</script> 

目前代替了更新div的內容重新加載在瀏覽器中的整個頁面，然後用追加呢？提交=新+市

UPDATE這是我現在已經和其還在做所附的刷新整個頁面提交=新+市

<script> 
    /* attach a submit handler to the form */ 
    $$('form[name="changewx"]').submit(function(event) { 

    /* stop form from submitting normally */ 
    event.preventDefault(); 

    /* get some values from elements on the page: */ 
    var $form = $(this), 
     city = $('#city').val() 

    /* Send the data using post and put the results in a div */ 
    $('#currentwxdiv').load('http://api.mesodiscussion.com/?location=' + city); 

    }); 
</script> 

Answer 1

您已創建的形式是這樣的：

<form name="goto" action="/"> 

但選擇僅元素具有id goto匹配。因此，它應該是：

$('form[name="goto"]').submit(function(event) { 

你也犯了一個錯誤的其他方式：

$form.find('input[name="city"]').val() 

應該是：

$('#city').val() 

另一件事：

$('currentwxdiv') // this matches a tag called currentwxdiv 

應該

成爲：

$('.currentwxdiv') // for element with class currentwxdiv, or $('#currentwxdiv') to match based on id 

而不是做e.stopPropagation();你應該在函數的末尾做return false;。