jQuery和動態生成的表單

如果我使用

<script> 
$().ready(function() { 

    $("input[name=salesPrice1]").blur(function() { 

     var nameID = $("input[name=salesPrice1]").val(); 

     alert(nameID); 

     //var newName = $("input#newName").val(); 

     $.ajax({ 
      type: "POST", 
      url: "cashPrice.cfm", 
      data: "salePrice=" + $("input[name=salesPrice1]").val(), 
      cache: false, 
      success: function(data) { 
       $("#cashPrice1").html(data); 
      } 
     }); 
    }); 
}); 
</script>

這將部分工作。現在，我必須動態獲取formField的ID /名稱。我該怎麼做呢？

來源

2009-06-19 CFNinja

你的問題就沒有意義了。更新它。 – roosteronacid 2009-06-19 19:34:54

對不起，但我不確定你稱之爲formField的ID /名稱，也不知道你動態地輸入了什麼。 – glmxndr 2009-06-19 19:37:51

不知何故，它沒有發佈我的服務器端代碼。我有

– CFNinja 2009-06-19 19:40:17

試試這個嗎？

$("input[name^=salesPrice]").each(function(){ 
    var input = $(this); 
    var name = input.attr('name'); 
    var num = /\d+$/.exec(name)[0]; 

    $(this).blur(function() { 

     var nameID = input.val(); 

     alert(nameID); 

     //var newName = $("input#newName").val(); 

     $.ajax({ 
     type: "POST", 
     url: "cashPrice.cfm", 
     data: "salePrice=" + nameID, 
     cache: false, 
     success: function(data) { 
      $("#cashPrice"+num).html(data); 
     } 
     }); 
    }); 
});

來源

2009-06-19 19:57:17 glmxndr

你的問題充其量是模糊的。但就是這個有點沿着你想要什麼？：線

$("input").blur(function() 
{ 
    var that = $(this); 

    var id = that.attr("id"); 
    var name = that.attr("name"); 
});

更新：價值觀

可以匹配的元素：

$("input[id^='hello']")

將匹配：

<input type="text" id="helloworld" /> 
<input type="text" id="helloearth" />

但不是：

<input type="text" id="hiworld" />

見selector documentation。

通知：這些選擇器很慢，我只能用'em作爲最後的手段。爲了加速性能，您可以對DOM節點的子集進行查詢：

$("complex selector goes here", $("container node in which to query"))

來源

2009-06-19 19:39:04 roosteronacid

這也適用：

<html> 
<script type="text/javascript"> 
    $().ready(function() { 
     alert('loaded'); 
     $('.salesPriceInput').blur(function() 
     {  
      alert($(this).attr("id")); 
      var myID = $(this).attr("id").substr(10,1); 
      alert(myID); 
      $.ajax({ 
       type: "get", 
       url: "cashPrice.cfm", 
       data: "salePrice=" + $('#salesPrice'+myID).val(), 
       cache: false, 
       success: function(data){ 
        $('#cashPrice'+myID).html(data); 
       } 
      }) 
     }); 
    }); 
</script> 


<form> 
    <cfoutput> 
     <cfloop from="1" to="3" index="i"> 
      <input type="text" name="salesPrice#i#" id="salesPrice#i#" class="salesPriceInput" value="" /> 
      <div id="cashPrice#i#"></div> 
      <hr /> 
     </cfloop> 
    </cfoutput> 
</form>

來源

2009-06-19 20:18:05 CFNinja

jQuery和動態生成的表單

回答

相關問題