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

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);
});