我不得不创建一个链接的选择问题,最后发现通过修补一些SO解决方案结合在一起的解决方案。 在SO的精神,我张贴我的最终解决方案。 它的工作原理与jquery 1.10。
而为了让每个人都高兴,我也包括它的jsfiddle。 =)
最终的jsfiddle是在这里: http://jsfiddle.net/NNLh2/
演练:
假设你有两个选择框:
<select id="my_alert_type_id" size="2" name="my_alert[type_id]">
<option value="1">Live</option>
<option value="2">EOD</option>
</select>
<br>
<br>
<select id="my_alert_category_id" name="myalert[category_id]" size="10">
<option>select a feed type</option>
</select>
我想第二个选择选项来改变用户选择从第一选择一个选项之后。 起初,我用这个答案从SO:
你如何删除一个选择框的所有选项,然后添加一个选项,并选择它使用jQuery?
然后,我发现,它不得不在页面实际完成加载的一切这个问题上运行:
基于选择选项jQuery的显示/隐藏DIV
但它仍然没有工作,我想要的方式。 我曾在第一中的两个选项,并且代码需要到每个选择作出回应。 我需要把它包装成一个的if / then块,然后运行的代码,漂亮一点,当我有选择。
Greaaaat。 我是C#/ PHP /红宝石/ C开发; 你到底做我知道所有那些$的和功能? JavaScript尝试模仿ç格式化,所以我把它包在一个IF-THEN块,而这个问题的帮助:
JQuery的-获取选择值
我能第一个选择的值赋值给一个变量,然后运行JavaScript的漂亮替换最选项的一部分。
和中提琴! 现在我有一个基本的链接选择的作品。 我可以通过调整追加部分更换任何我想要的。 这是一个Rails项目,所以接下来的部分是如何动态地创建了这一切。 但现在我要享受我的kludged的解决方案,并与项目获取上。
对于轨道的人:导轨和JS真的不相互交谈,所以如果你想动态创建这些附加选项,使用escape_javascript,渲染,并创建自定义你传递的URL。 而且也总是通过JSON传递。 有上,这样谈论它的其他问题。 去查; 我不能为你做的一切。 = P