2011-10-08 45 views
1

我有一個函數,它需要一個div id,並在其中設置很少的輸入控件的值,並最終顯示div。我的功能看起來像這樣:如何在div中設置輸入框的值

function updateDiv(div_id) 
{ 
    $("#"+div_id+" :input[ID^='FIRST']").val('First Name'); 
    $("#"+div_id+" :input[ID^='LAST']").val('Last Name'); 
    $("#"+div_id).show(); 
} 

但它似乎並沒有工作。我錯過了什麼嗎?

+0

你可以發佈div內容嗎? –

+2

對我來說它工作正常http://jsfiddle.net/8Rvxk/ – Sotiris

+0

另一個敏感案例 –

回答

1

這通常是一個壞主意,通過周圍id S作爲字符串。至少,你不應該選擇元素三次!

此外,屬性(如ID)應該而不是是大寫。

function updateDiv(div_id) { 
    var div = $('#'+div_id); 
    div.find(':input[id^="FIRST"]').val('First Name'); 
    div.find(':input[id^="LAST"]').val('Last Name'); 
    div.show(); 
} 
+0

謝謝。請再提一個問題。如果我要更新TD表格單元格而不是輸入控件,那麼需要對上述代碼進行哪些更改? – user985812

+0

@ user985812:你可以上傳一個更完整的例子到[jsfiddle](http://jsfiddle.net),這樣我就可以看到你想要做什麼? – Eric

+0

抱歉,最初的困惑。這就是我想要做的。更新以下div中的td值:

First Name
Last Name
user985812

0

在這裏,我有一個工作溶液:

屬性值是大小寫敏感的,因此,例如,如果id="firstname",選擇器將不匹配。

<div id="mydiv"> 
    <input type="text" id="FIRSTNAME"/> 
    <input type="text" id="LASTNAME"/> 
</div> 

$(document).ready(function(){ 
    var div_id = "mydiv"; 
    $("#"+div_id+" :input[ID^='FIRST']").val('First Name'); 
    $("#"+div_id+" :input[ID^='LAST']").val('Last Name'); 
}); 

jsFiddle

相關問題