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

When an html select/option changes an input field needs to be updated

本文关键字：更新 字段 输入 选择 html 选项      更新时间：2023-09-26

在我的rails应用程序中，我有一个从模型生成的select标记（用户可以选择不同的国家）。我想更新当用户选择不同选项时可以在同一视图中找到的text_field（用于国家/地区电话代码）的值。我需要从模型中提取需要放置在text_field中的值（country_code），并基于用户选择的选项（country）。我试过用几种不同的方法来解决这个问题，但我似乎陷入了困境。请帮忙。

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 )

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

您的选择器上有一个额外的右花括号（｝）。我不确定咖啡脚本的语法。

$("select#user_country}")
相关文章：