java - 修改代码以发布到函数 dhtml/java/ajax

Question

任何人都可以帮助更改此代码以发布功能吗？这个例子：

http://jsfiddle.net/9C2g5/

代码：

<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" class="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" class="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" class="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" class="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" class="view_report">
</form>

该帖子至：

$(document).ready(function(e) {
$("input[type=submit]").click(function(e) {
var propertyid = $(this).prevAll("input").first().val();
alert(propertyid);
});    
});

这个例子：

http://jsfiddle.net/9C2g5/

我们如何才能改变这种正确的发布方式？

Answer 1

我想这就是您正在寻找的（如果不是，请尝试使您的问题更明确）：

定义将为每个按钮调用的单独函数。

<script>
    function quantity() {
        var propertyid = $(this).prevAll("input").first().val();
        alert(propertyid);    
    }
</script>

然后，将每个按钮定义为input将type属性设置为button而不是submit. 例如。

<input name="submit" type="button" value="View Report" onclick="quantity.apply(this)" class="view_report">

或者，quantity函数可以定义为：

<script>
    function quantity(element) {
        var propertyid = $(element).prevAll("input").first().val();
        alert(propertyid);    
    }
</script>

并且按钮可以指定为：

<input name="submit" type="button" value="View Report" onclick="quantity(this)" class="view_report">

唯一的区别是，使用第一种方式，您可以使用 访问目标元素this。

但是，这两种方式都不是推荐的方式。将 JS 代码与 HTML 混合被认为是不好的做法。您可以搜索谷歌以Separation of concern获取更多信息。您目前正在做的是正确的做法（可能需要应用一些小的更改，例如replacing类型为 'submit' 的类型button）。