2010-05-22 64 views
0

我該如何檢查點擊元素的ID是否可以說'target'。我如何檢查點擊元素的ID js

我想要做的實際上是在點擊文本字段時顯示和隱藏評論表單,並在用戶單擊表單時將其隱藏。問題是如果用戶點擊提交按鈕,表單隱藏並且沒有任何內容被髮送過來。所以我必須檢查提交按鈕ID是否與點擊元素相匹配,而不是在這種情況下隱藏它。

我現在在軌道上使用ruby remote_form_for和onblur和onfocus事件。

這是我更大的形式,我展示。

<div id="bigArea" style="display:none"> 
<% remote_form_for @horses do |f|%> 
<%= f.text_area :description, {:onBlur=>"{$(bigArea').hide();$('smallField').show();}"} %> 
<%= f.submit "Submit"%> 
<% end %> 
</div> 

這是一個較小的表單字段,每次點擊它時都會隱藏。

<div id="smallField"> 
<%= text_field_tag 'sth',"Click to comment, {:onFocus=>"$('bigArea').show();$('smallField').hide();"} %> 
</div> 

我的問題是如何禁止當用戶單擊提交按鈕時隱藏窗體?我想我應該檢查哪個元素的ID已被點擊。如果它提交按鈕的ID我不應該隱藏表格。或者也許還有其他方法可以做到這一點?

我會非常感謝任何答案!

回答

1

在JavaScript中,你可以使用元素的id屬性來讀取其關聯的ID看看下面的例子。所以你可以得到這個屬性,然後檢查它的ID,在下面的例子中我們得到了這個的ID,這個ID是foo的div。由於this.id =='富'將返回true它會告訴我們一個警報。

<div id = "foo" onclick="if(this.id == 'foo'){alert('Guess What everyone This div has an id of Foo')};"> 
    hello 
</div> 

簽出更多的DOM屬性,你可以到這裏: http://www.howtocreate.co.uk/tutorials/javascript/domstructure

+0

如果這不回答你的問題,你可以請讓我知道您的應用當前的行爲,你會喜歡它的行爲,我不確定我是否理解你提供的例子。 – Schneems 2010-05-22 17:38:52