Javascript 如何使用jquery/ajax将下拉列表的选定值显示到文本框中 “/credit_cards'，：method=>：post do | f |%> 参数[：作业类型\u id]> “每小时工作时间”%> @job.lead\u id%> 添加新信用卡类型 “选择类型”，：selected=>“”}）%%> 数 16，“最大长度”=>16%> 到期 CVV 4，“最大长度”=>4%> 到期位置 “显示下拉列表（此）”，：id=>“下拉列表”，：提示符=>“选择位置”）%> 街头 20 %> 城市 20 %> 陈述拉链 12 %>_Javascript_Ruby On Rails_Ruby_Jquery

Javascript 如何使用jquery/ajax将下拉列表的选定值显示到文本框中 “/credit_cards'，：method=>：post do | f |%> 参数[：作业类型\u id]> “每小时工作时间”%> @job.lead\u id%> 添加新信用卡类型 “选择类型”，：selected=>“”}）%%> 数 16，“最大长度”=>16%> 到期 CVV 4，“最大长度”=>4%> 到期位置 “显示下拉列表（此）”，：id=>“下拉列表”，：提示符=>“选择位置”）%> 街头 20 %> 城市 20 %> 陈述拉链 12 %>

javascript ruby-on-rails ruby jquery

Javascript 如何使用jquery/ajax将下拉列表的选定值显示到文本框中 “/credit_cards'，：method=>：post do | f |%> 参数[：作业类型\u id]> “每小时工作时间”%> @job.lead\u id%> 添加新信用卡类型 “选择类型”，：selected=>“”}）%%> 数 16，“最大长度”=>16%> 到期 CVV 4，“最大长度”=>4%> 到期位置 “显示下拉列表（此）”，：id=>“下拉列表”，：提示符=>“选择位置”）%> 街头 20 %> 城市 20 %> 陈述拉链 12 %>,javascript,ruby-on-rails,ruby,jquery,Javascript,Ruby On Rails,Ruby,Jquery,这是视图文件中的代码。当前信用卡模型属性在表单中手动输入，然后保存。但我不想手动输入，而是想导入那些已经存在于job\u extra\u stop模型中的属性值。当从下拉列表中选择该选项时，我想将下拉列表中的那些值（从job_extra_stop model）映射到信用卡模型属性这意味着，当我选择特定选项时，州、邮编、城市的值应显示在下面的文本框中，并在提交后保存在信用卡模型中我使用的是rails 1.2.2和ruby 1.8.6 谢谢在脚本中编写以下代码 <% form_for :

这是视图文件中的代码。当前信用卡模型属性在表单中手动输入，然后保存。但我不想手动输入，而是想导入那些已经存在于job\u extra\u stop模型中的属性值。当从下拉列表中选择该选项时，我想将下拉列表中的那些值（从job_extra_stop model）映射到信用卡模型属性

这意味着，当我选择特定选项时，州、邮编、城市的值应显示在下面的文本框中，并在提交后保存在信用卡模型中

我使用的是rails 1.2.2和ruby 1.8.6

谢谢

在脚本中编写以下代码

 <% form_for :credit_card, @cc, :url => '/credit_cards', :method => :post do |f| %>
  <%= f.hidden_field "job_id", :value => params[:job_type_id] %>
  <%= f.hidden_field "job_type", :value => "Job Hourly" %>
  <%= f.hidden_field "lead_id", :value => @job.lead_id %>
  <center><strong>ADD New Credit Card</strong> </center>
  <br/>

  <table align="left">
    <tr>
      <td> <label style="padding-left: 30px;">Type</label></td>
      <td><%= f.select(:card_type, CreditCard::TYPES, {:prompt => "Select Type", :selected => ""}) %></td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">Number</label></td>
      <td><%= f.text_field "card_number", "size" => 16, 'maxlength' => 16%></td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">Expiry</label></td>
      <td> <select id="cc_state" name="credit_card[expiration_month]">
          <%= options_for_select( [[ "Select Month", "" ]] + CreditCard::MONTHS )%>
        </select>
        <select id="cc_state" name="credit_card[expiration_year]">
          <%= options_for_select( [[ "Select Year", "" ]] + ((Date.today.year - 5)..(Date.today.year + 12)).collect{|x| [x,x]}.reverse )%>
        </select>
      </td>
      </td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">CVV</label></td>
      <td><%= f.text_field "security_code", "size" => 4, 'maxlength' => 4%></td>
    </tr>
    <tr>
       <td> <label style="padding-left: 30px;">Expiry</label></td>
       <td> <select id="cc_state" name="credit_card[expiration_year]">
          <%= options_for_select( [[ "Select Year", "" ]] + ((Date.today.year - 5)..(Date.today.year + 12)).collect{|x| [x,x]}.reverse )%>
        </select>
       </td>
    </tr>
<tr>
       <td> <label style="padding-left: 30px;">Location</label></td>
       <td><%= f.select(:id, @job_extra_stops.collect{|s| ["#{s.city},#{s.zip},#{s.state}", s.id]},:onchange => "display_dropdown(this)",:id => "dropdown_id", :prompt => "Select Location")%> </td> 

    </tr> 
    <tr><td> <label style="padding-left: 30px;">Street</label></td>
      <td><%= f.text_field "billing_street_address", "size" => 20 %></td></tr>
    <tr><td> <label style="padding-left: 30px;">City</label></td>
      <td><%= f.text_field "billing_city", "size" => 20 %></td></tr>
    <tr><td> <label style="padding-left: 30px;">State</label></td>
      <td><select id="cc_state" name="credit_card[billing_state]">
          <%= options_for_select( [[ "Select State", "" ]] + State::NAMES )%>
        </select></tr>
    <tr><td> <label style="padding-left: 30px;">Zip</label></td>
      <td><%= f.text_field :billing_zip, "size" => 12 %></td></tr>
    <tr>
      <td colspan="2" align="center"><%= submit_tag 'Save' %></td>
    </tr>

function display() {    

    var val1 = ""
        var val2 = ""
        var e = ""

    e = document.getElementById('display_id')
    val1 = e.options[e.selectedIndex].textContent
    val2 = val1.split(',')


    document.getElementById('street').value = val2[0]
    document.getElementById('city').value = val2[1]
    document.getElementById('state').value = val2[2]
    document.getElementById('zip').value = val2[3]

     }

外接程序选择以下代码中的标记

 <% form_for :credit_card, @cc, :url => '/credit_cards', :method => :post do |f| %>
  <%= f.hidden_field "job_id", :value => params[:job_type_id] %>
  <%= f.hidden_field "job_type", :value => "Job Hourly" %>
  <%= f.hidden_field "lead_id", :value => @job.lead_id %>
  <center><strong>ADD New Credit Card</strong> </center>
  <br/>

  <table align="left">
    <tr>
      <td> <label style="padding-left: 30px;">Type</label></td>
      <td><%= f.select(:card_type, CreditCard::TYPES, {:prompt => "Select Type", :selected => ""}) %></td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">Number</label></td>
      <td><%= f.text_field "card_number", "size" => 16, 'maxlength' => 16%></td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">Expiry</label></td>
      <td> <select id="cc_state" name="credit_card[expiration_month]">
          <%= options_for_select( [[ "Select Month", "" ]] + CreditCard::MONTHS )%>
        </select>
        <select id="cc_state" name="credit_card[expiration_year]">
          <%= options_for_select( [[ "Select Year", "" ]] + ((Date.today.year - 5)..(Date.today.year + 12)).collect{|x| [x,x]}.reverse )%>
        </select>
      </td>
      </td>
    </tr>
    <tr>
      <td> <label style="padding-left: 30px;">CVV</label></td>
      <td><%= f.text_field "security_code", "size" => 4, 'maxlength' => 4%></td>
    </tr>
    <tr>
       <td> <label style="padding-left: 30px;">Expiry</label></td>
       <td> <select id="cc_state" name="credit_card[expiration_year]">
          <%= options_for_select( [[ "Select Year", "" ]] + ((Date.today.year - 5)..(Date.today.year + 12)).collect{|x| [x,x]}.reverse )%>
        </select>
       </td>
    </tr>
<tr>
       <td> <label style="padding-left: 30px;">Location</label></td>
       <td><%= f.select(:id, @job_extra_stops.collect{|s| ["#{s.city},#{s.zip},#{s.state}", s.id]},:onchange => "display_dropdown(this)",:id => "dropdown_id", :prompt => "Select Location")%> </td> 

    </tr> 
    <tr><td> <label style="padding-left: 30px;">Street</label></td>
      <td><%= f.text_field "billing_street_address", "size" => 20 %></td></tr>
    <tr><td> <label style="padding-left: 30px;">City</label></td>
      <td><%= f.text_field "billing_city", "size" => 20 %></td></tr>
    <tr><td> <label style="padding-left: 30px;">State</label></td>
      <td><select id="cc_state" name="credit_card[billing_state]">
          <%= options_for_select( [[ "Select State", "" ]] + State::NAMES )%>
        </select></tr>
    <tr><td> <label style="padding-left: 30px;">Zip</label></td>
      <td><%= f.text_field :billing_zip, "size" => 12 %></td></tr>
    <tr>
      <td colspan="2" align="center"><%= submit_tag 'Save' %></td>
    </tr>

function display() {    

    var val1 = ""
        var val2 = ""
        var e = ""

    e = document.getElementById('display_id')
    val1 = e.options[e.selectedIndex].textContent
    val2 = val1.split(',')


    document.getElementById('street').value = val2[0]
    document.getElementById('city').value = val2[1]
    document.getElementById('state').value = val2[2]
    document.getElementById('zip').value = val2[3]

     }

“display（）”，：id=>“display\u id”，：include\u blank=>“请在“%”上方添加位置”

这可能会有所帮助