【问题标题】:Turn input field value into array of strings将输入字段值转换为字符串数组
【发布时间】:2013-07-03 14:46:48
【问题描述】:

我正在使用一个 API,它接受来自名为 #tags 的输入字段的字符串数组。最好的方法是什么?它还应该删除“标签”之间的任何逗号,如果没有标签,则为 []。

输入:标签1,标签2,标签3 变为:["tag1", "tag2", "tag3"]

HTML

<input id="tags" type="text" placeholder="tags" name="" value="">

我目前如何获取标签值:

createPost('canvasID',{tags:$('#tags').val()});

【问题讨论】:

  • myString.split(',') 将变为 ["tag1", "tag2", "tag3"]

标签: jquery html input


【解决方案1】:

使用split函数:

var valueInserted = $("#tags").val(); // "tag1,tag2,tag3, "two words""
var tags = valueInserted.split(",");  // ["tag1", "tag2", "tag3", "two words"]

另外,trim() 标签数组中的字符串:

for (var i in tags) {
    tags[i] = tags[i].trim();
}

JSFIDDLE

或内联,使用正则表达式:

 var tags = $('#tags').val().split( /,\s*/ );

JSFIDDLE

可以在here找到文档。

【讨论】:

  • $.trim() 如果你想支持旧的 IE 版本,无论如何 +1
  • @Karl-AndréGagnon 谢谢。我更喜欢拆分然后修剪。
  • @roasted 虽然我是 Linux 粉丝,但我并不关心 IE,但感谢您的投票! :-)
【解决方案2】:

您可以split 使用正则表达式来查找字符串,该正则表达式查找逗号后跟可能的空格:

var yourArray = $('#tags').val().split( /,\s*/ );

然后

createPost('canvasID',{tags: tagsArray});

【讨论】:

    【解决方案3】:

    使用split 函数。

    createPost('canvasID',{tags:$('#tags').val().split(',')});
    

    【讨论】:

      【解决方案4】:
      
         var res = name.replace(/["]+/g, ""); // remove """"               
      
       
      
         global with /g
         var resa = res.replace(/[[]+/g, ""); // remove [
         var reso = resa.replace(/[,]+/g, "");// chop            //,,,,,
         str = reso.substring(0, reso.length - 1);//         finally   chop off last ]
      // you can chop off all double quotes after 
      

      【讨论】:

      • 以为我回答得很好。 .hmm 也许
      【解决方案5】:
         var str = "tag1,tag2,tag3,tag4";
         var res = str.split(",");
      

      结果:["tag1", "tag2", "tag3", "tag4"]

      【讨论】:

      • 这不能回答问题。请重新访问您的帖子。
      • 我认为您需要将答案更改为str.split(",")
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2010-11-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多