2012-07-11 84 views
0

使用:导轨和jQueryjQuery的,文本匹配默认选择

我有一个地址文本框输入的形式,其中用户可以把一个URL,例如:

http://www.webshop.com/article/123

URL是@product的属性。

在同样的形式,我也有一个下拉填充存储(Store.all)。该商店有一个属性store.short_url,可能是“www.webshop.com”。

我想使用jQuery这样当http://www.webshop.com/article/123用户键入的URL的文本框我想比较,与库对象,看看那家商店是在SHORT_URL相匹配的域名,如果是这样的数据库,默认存储在下拉列表中。

字符串匹配不应该是一个问题,但我该如何在jQuery中处理?

  1. 填写URL字段
  2. 当文本字段是失焦的事:
  3. 查找商店相匹配的URL,它保存为默认

任何帮助将是非常不胜感激!

回答

1

基本要点是:

$(document).ready(function(){ 
    $('#url_input').change(function(){ 
    var urlPattern = /(http|ftp|https):\/\/([\w-]+(\.[\w-]+)+)([\w.,@?^=%&:\/~+#-]*[\[email protected]?^=%&\/~+#-])?/ 
     if(urlPattern.test($(this).val())){ 
      alert('hurray'); 
      url = ($(this).val().match(urlPattern))[2].toLowerCase(); 
      $('option[value="'+url+'"]','#available_types').each(function(){$(this).attr('selected',true)}); 
     } 
    }); 
    }); 
    ​ 

http://jsfiddle.net/sScma/2/

+0

谢谢!我没有完全按照你的说法使用它(而是在Rails中处理urlPattern),但它让我到了我需要的地方。 – Christoffer 2012-07-12 08:45:09