javascript - 当 html 选择/选项更改时，需要更新输入字段

Question

在我的 Rails 应用程序中，我有一个从模型生成的选择标签(用户可以选择不同的国家/地区)。我想更新当用户选择不同选项时可以在同一 View 上找到的文本字段(用于国家/地区电话代码)的值。我需要根据用户选择的选项(国家/地区)提取需要从模型中放置在文本字段中的值(国家/地区代码)。我尝试过几种不同的方法来解决这个问题，但我似乎陷入了困境。请帮忙。

View:
     <%= f.label :country %>
     <%= select("user", :country, Country.all.collect{ |c| c[0] }, {prompt: "-- Select Country --"} )%>

     <%= f.text_field :country_code, size: 4, readonly: true %>

我可以根据国家名称获取国家代码。

country_code = Country.find_country_by_name('united states').country_code 

更新:我尝试使用以下 JavaScript，但我不确定如何提取我正在寻找的值:

Javascript:
   $ -> 
   $("select#user_country").change -> 
    $("input#user_country_code").val( MISSING VALUE )

Answer 1

您可以使用 JavaScript 来完成此操作。创建一个在选择字段更改时绑定(bind)的函数。然后在您的应用中创建一个 API 调用，该调用将响应您想要对表单进行的更改。