-1

我有 3 个预先输入字段：

它们如下：

国家： | _ __ _ __ _ ____ |

状态：| _ __ _ __ _ ____ |

城市： | _ __ _ __ _ ____ |

这是第二个 typeahead 字段的代码（其余类似）：

<input type="text" class="span3" style="margin: 0 auto;"
data-provide="typeahead"  data-items="4"
data-source="["Alabama","Alaska",
               <many more US states>
              ,"Wyoming"]">

现在......我需要两个预先输入的字段看起来像下拉菜单，可以按照这里的说明来实现......没问题。

我要问的问题与下面的“最后一个选项”有关：注意：我在 Rails 中构建它，所以 ruby​​ 代码会很好......

占位符案例：

我需要每个下拉列表都有一个默认的占位符文本，它是灰色的。

例如：

国家： | _美国__ _ __ _ _ |

状态：| _爱荷华州__ _ __ _ |

城市： | _得梅因____ |

缺失值案例：

如果用户键入自动完成中不存在的 City 值，我想向他们显示一个带有链接的下拉列表..

例如：用户在城市字段中输入“yahoo”。这应该会导致输出“那个城市不存在，点击这里搜索它”

点击上面的文字应该会将我重定向到 Google.com

错误案例：

如果在第一个字段（国家）中未选择任何内容。第二个字段应在下拉列表中具有默认值：“请选择一个国家开始”

最后一个选项：

成功选择城市后，例如：旧金山...我想重定向到一个新的 html 文件，例如“mysite.com/datastore/calsan.html”（每个选择的前三个字母以小写字母附加在一起）

这个最终的 html 文件将预先生成，并将包含有关“旧金山”城市的相关统计数据和有趣的事实……我还将在数据存储文件夹中预先生成其他城市的有趣事实。

4

2 回答 2

8

请参阅下面的我的片段

占位符案例

<script type="text/javascript">
  $(document).ready(function(){
    $('.combobox').combobox({placeholder: "Type Something.."});
  });
</script>

最后一个选项

<script type="text/javascript">
    $('.combobox').change(function(){
      if($(this).val().length > 0){
        var fileName = $(this).val().substr(0,3); // this is for getting the first 3 characters, apply the same logic wherever necessary
        window.location("/datastrore/" + fileName + ".html");
      }   
    })
</script>
于 2012-10-13T06:52:14.400 回答
3

最后一个选项

似乎有一种简单的方法可以使用内联 javascript 和选项值来做到这一点。我想我会使用这种更简单的方式..

http://webdesign.about.com/od/javascript/f/blfaqddredirect.htm

占位符案例和所有其他案例

http://harvesthq.github.com/chosen/

上面的库解决了我所有的问题，非常强大！它不适用于引导程序，但我不介意引导程序具有可比较的选项。

于 2012-10-13T09:38:41.417 回答