Javascript 监听器在转换为 slug 后将文本从第一个文本字段添加到第二个文本字段

Question

我正在尝试添加一个 JavaScript 监听器:

1. 监听文本字段中的文本更改 (#articleField)
2. 将该文本转换为 slug
3. 将新的 slug 放入另一个文本字段 (#slugField)

我正在使用 Rails 4 我正在从 this question: 中提取 slug 逻辑

查看

  <%= f.input :article, label: 'Article', required: true, focus: true, id: 'articleField' %>
  <%= f.input :slug, label: 'Slug', required: true, focus: true, id: 'slugField' %>
  <%= f.button :submit, value: 'SAVE CHANGES' %>'



 <script>
$('#articleField').blur(  
   function(){    
      var article = $(this).text();
      var slug = article.trim().toLowerCase().replace(" ", "_");
      $(this).prop('id', slug);
      $(slug).append(#slugField); <---this is where I'm going off the road
    } 
  )
// </script>

我是 JS 新手，不知道如何将函数中创建的 slug 附加到 #slugField 文本框。

Answer 1

首先，您的 javascript 代码是否位于 document ready 指令中？

<script type="text/javascript">
  $(function() {
    // Your code should be here
  });
</script>

其次，您可以使用jQuery val方法来设置text_field内的文本。

$('#articleField').blur(function() {
  var article = $(this).val();
  var slug = article.trim().toLowerCase().replace(" ", "_");
  $("#slugField").val(slug);
});