jquery - jQuery，文本匹配默认选择

Question

使用：Rails 和 jQuery

我有一个带有 Url 文本框输入的表单，用户可以在其中放置一个 url，例如：

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

url 是@product 的一个属性。

在相同的表单中，我还有一个包含商店（Store.all）的下拉列表。商店有一个属性 store.short_url 可以是“www.webshop.com”。

我想使用 jQuery，以便当用户在 url-textbox 中输入http://www.webshop.com/article/123时，我想将其与 Store 对象进行比较，看看该商店是否在数据库中哪个 short_url匹配域名，如果匹配，则默认在下拉列表中存储。

字符串匹配应该不是问题，但我如何在 jQuery 中处理这个问题？

1. 填写网址字段
2. 当文本字段失焦时，请执行以下操作：
3. 查找具有匹配 url 的商店
4. 将该商店设置为默认值

任何帮助将非常感激！

Answer 1

基本要点：

$(document).ready(function(){
    $('#url_input').change(function(){
    var urlPattern = /(http|ftp|https):\/\/([\w-]+(\.[\w-]+)+)([\w.,@?^=%&:\/~+#-]*[\w@?^=%&\/~+#-])?/
        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/