jquery - 在查找之前更改搜索框中文本框的值

Question

我正在尝试在 jgrid 中实现复杂的搜索功能。但我想在用户按下查找按钮之前更改用户在搜索框中指定的值。

1. 在这里您可以看到值17 20 35 36 37 53 54，我想要这些值逗号分隔，所以在我点击 find 之前我想更改文本框中的值，谁能告诉我该怎么做？

2. 此外，我想知道如何定制它的外观例如，搜索框而不是 id ， is in 我想要一些用户友好的用户界面，用户可以简单地输入值并点击查找，但我不知道如何在注入(inject)中更改此搜索框的外观我们自己的外观并使搜索框不可拖动

Answer 1

您可以使用 split() 将其拆分为空格上的数组，然后使用 .join() 再次该数组，使用逗号作为分隔符 (无论如何默认)。

$("input[type='text']").blur(function(){
  var value = this.value;
  this.value = value.split(' ').join(',');
});

演示:http://jsfiddle.net/mJaqm/