jQuery的JavaScript的 - 链式拨弄选择教程(Jquery javascript -

2019-10-19 04:05发布

我不得不创建一个链接的选择问题,最后发现通过修补一些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

Answer 1:

好了,我几乎贯穿整个问题和解决方案上面走,所以感觉自由评论和批评。 我挺自豪的。我自己考虑jQuery和JS是不是我的专长。



文章来源: Jquery javascript - Chained Select Tutorial with fiddle