0

以下は、私のアドレス ページに投稿されたクエリの結果です。これは、ajax で呼び出される php を使用して実現されます。

<div id="address-wrap">
<div id="report-address">3719 COCOPLUM CIR <br>
Unit: 3548<br>
COCONUT CREEK, FL 33063</div>
<div id="report-button">
<form action="report.html">
<input name="property-id[]" type="text" class="property-id" value="64638716">
<input name="submit" type="submit" value="View Report">
</form>
</div>
<div id="clear"></div>
</div>
<div id="address-wrap">
<div id="report-address">3927 COCOPLUM CIR <br>
Unit: 35124<br>
COCONUT CREEK, FL 33063</div>
<div id="report-button">
<form action="report.html">
<input name="property-id[]" type="text" class="property-id" value="64638744">
<input name="submit" type="submit" value="View Report">
</form>
</div>
<div id="clear"></div>
</div>
<div id="address-wrap">
<div id="report-address">3949A COCOPLUM CIR <br>
Unit: A<br>
COCONUT CREEK, FL 33063</div>
<div id="report-button">
<form action="report.html">
<input name="property-id[]" type="text" class="property-id" value="64639105">
<input name="submit" type="submit" value="View Report">
</form>
</div>
<div id="clear"></div>
</div>
<div id="address-wrap">
<div id="report-address">3949 COCOPLUM CIR <br>
Unit: 3602<br>
POMPANO BEACH, FL 33063</div>
<div id="report-button">
<form action="report.html">
<input name="property-id[]" type="text" class="property-id" value="64639106">
<input name="submit" type="submit" value="View Report">
</form>
</div>
<div id="clear"></div>
</div>
<div id="address-wrap">
<div id="report-address">3949 COCOPLUM CIR <br>
Unit: 3603<br>
COCONUT CREEK, FL 33063</div>
<div id="report-button">
<form action="report.html">
<input name="property-id[]" type="text" class="property-id" value="64639107">
<input name="submit" type="submit" value="View Report">
</form>

以下は私のレポートページのリクエストです。フォームから値を取得し、それをレポート ページに渡して、ajax リクエストを追加できるようにする必要があります。

       <script type="text/javascript">
        var property-id = $('.property-id').val();          
        $.ajax({
        url: 'http://www.domain.com/php/reports.php',
        data: '?recordID=' + property-id,
                success: function(data){
                    $('#results').html(data);

                }   
            }); 

               </script>

私の主な問題は、クリックしたフォームから値を取得できないことです。リストの最初の値である 64638716 が返されます。適切な値を追加するにはどうすればよいですか

前もって感謝します

4

1 に答える 1

0

これを試してみてください。JavaScript にいくつかのエラーがありました。変数名にハイフンproperty-idが含まれていましたが、それpropertyidを に変更しました。コードでそれを変更することを忘れないでください

$(document).ready(function(e) {
    $("input[type=submit]").click(function(e) {
        var propertyid = $(this).prevAll("input").first().val();
        //alert(propertyid);
            $.ajax({
            url: 'http://www.domain.com/php/reports.php',
            data: '?recordID=' + propertyid,
                    success: function(data){
                        $('#results').html(data);
                    }   
            }); 
        e.preventDefault()
        return false; // prevent form from submitting
    });    
});
于 2013-05-18T23:05:07.430 に答える