根據另一個文本字段自動填充文本字段

Question

我試圖根據另一個輸入字段的值自動填充文本字段。目前正試圖做到這一點使用的observe_field助手這樣的：

<%= observe_field(
     :account_name, 
     :function => "alert('Name changed!')", 
     :on => 'keyup' 
    ) %> 

<% form_for(@account, :html => { :id => 'theform' }) do |f| %> 
    <label for="accountname"> Account name </label> 
    <%= form.text_field :name, :tabindex => '1' %> 
    <label for="subdomain"> Subdomain </label> 
    <%= form.text_field :subdomain, :tabindex => '2' %> 
<% end %> 

當用戶在ACCOUNT_NAME text_field輸入文本，我想複製轉換成一個子域（downcase和加入「 - 」）和填充子域文本域。

但是，在這個過程中收到此錯誤：

element is null 
    var method = element.tagName.toLowerCase(); protot...9227640 (line 3588) 

確切位置在哪裏我要去錯在這裏？還是有更好的方法來做到這一點？

Answer 1

將您的「observe_field」放入表單標籤中，然後重試。

EDITED

您的observe_field需要在它觀察的事物之後。

希望幫助:)

對於前： -

<% form_for(@account, :html => { :id => 'theform' }) do |f| %> 
    <label for="accountname"> Account name </label> 
    <%= form.text_field :name, :tabindex => '1' %> 


<%= observe_field(
     :account_name, 
     :function => "alert('Name changed!')", 
     :on => 'keyup' 
    ) %> 
    <label for="subdomain"> Subdomain </label> 
    <%= form.text_field :subdomain, :tabindex => '2' %> 
<% end %>