提交轨道形式逻辑

我有一个包含选择器的窗体。有一个“添加新的”选项，当它被选中时，一个文本输入是用jquery动态生成的。现在我需要做的就是提交，检查是否存在文本输入，如果存在，使用该信息更新表并忽略选择器。我的问题是我应该在带有表单验证的模型中执行此操作吗？还是有更合适的方法？提交轨道形式逻辑

选择：

<%= builder.select(:line_id, ['~ Add New ~'] + Line.all.collect {|p| [p.title, p.id ]}, { :include_blank => 'select line' }, :id => "line_selector")

的jQuery：

$(document).ready(function(){ 
    $("#line_selector").on("change", function() { 
     if($(this).prop("selectedIndex") == 1) { 
      console.log($("#line_selector").prop("selectedIndex")); 
      var new_line_title = prompt('Please enter a line title'); 
      if(!new_line_title.length) { 
       console.log("no entry"); 
       return; 
      }; 
      console.log(new_line_title); 
      $(this).after($(document.createElement("input")) 
       .attr("type", "text") 
       .attr("id", "text") 
       .attr("name", "text") 
       .attr("value", new_line_title)); 
     }; 
    }); 
});

enter image description here