jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 » JavaScript 討論 » 選取select的值做判斷

kunyao 發表於 2010-5-17 14:45

選取select的值做判斷

[i=s] 本帖最後由 kunyao 於 2010-5-17 14:55 編輯 [/i]

想請教我寫了這一小段程式
想判斷如果select選擇一
則parent則加上CSS與法
若為二
則另一個加上CSS與法

請問有什麼地方寫錯的嗎?
因為他顯示物件不支援此屬性或方法

                .selectdisplay{
                        display:none;}


        $(function(){
                           $("#level").select(function(){
                        var test=$("#level").val();
                        if (test==1)
                        {
                                ("#parent1").addclass('selectdisplay');
                        }
                        if(test==2)
                        {
                                ("#parent2").addclass('selectdisplay');
                        }
                                                                                   });
        });

謝謝

wmh 發表於 2010-5-17 22:23

我想應該是要用 change 事件，而非 select 事件...

如果可以的話，程式碼對齊一下，並且用 [code] 包起來會比較清楚。

kunyao 發表於 2010-5-18 10:50

我想依照level那個select的值
來判斷顯示parent1 or 2的 select
謝謝

[code]<label>
                      <select name="level" id="level">
                        <option value="1">1th</option>
                        <option value="2">2th</option>
                      </select>
</label>

<label>
                              <select name="parent1" id="parent1" style="display::none;">
                                <option value="">null</option>
                          </select>
                        </label>
                    <label>
                              <select name="parent2" id="parent2" style="display::none;">
                        {section name=aaa loop=$listitem}
                                   <option value="{$listitem[aaa].SpecialID}">{$listitem[aaa].SpecialName}</option>
                        {/section}
                          </select>
                        </label>


                .selectdisplay{display:none;}


        $(function(){
                           $("#level").select(function(){
                        var test=$("#level").val();
                        if (test==1)
                        {
                                ("#parent1").addclass('selectdisplay');
                        }
                        if(test==2)
                        {
                                ("#parent2").addclass('selectdisplay');
                        }
                                                                                   });
        });

[/code]

wmh 發表於 2010-5-18 22:44

請改用 change 事件...

[code js]
$("#level").change();
[/code]

kunyao 發表於 2010-5-19 10:27

[i=s] 本帖最後由 kunyao 於 2010-5-19 10:46 編輯 [/i]

請問是改成這樣嗎?
可是他說不支援物件[code]$(function(){
                           $("#level").bind("change",function(){
                        var test=$F("#level");
                        if (test==1)
                        {
                                ("#parent1").addclass('selectdisplay');
                        }
                        if(test==2)
                        {
                                ("#parent2").addclass('selectdisplay');
                        }
                                                                                   });
        });[/code]後來改寫用span來影藏
它會說物件不支援此屬性或方法...
help....
thxx...[code]        $(function(){
                           $("#level").change(function(){
                        var test=$("#level").val();
                        if (test==1)
                        {
                                ("#op1").addclass('selectdisplay');
                        }
                        if(test==2)
                        {
                                ("#op2").addclass('selectdisplay');
                        }
                                                                                   });
        });

<span style="display:none" id="op1">
                    <label>
                              <select name="parent1" id="parent1">
                                <option value="">null</option>
                          </select>
                        </label>
                    </span>
                    <span style="display:none">
                    <label>
                              <select name="parent2" id="parent2" id="op2">
                        {section name=aaa loop=$listitem}
                                   <option value="{$listitem[aaa].SpecialID}">{$listitem[aaa].SpecialName}</option>
                        {/section}
                          </select>
                        </label></span>[/code]

kunyao 發表於 2010-5-19 13:35

感謝指教
最後我終於修改成功了
:) :) :) :) :) :) :)[code]$(function(){
                           $("#parent1").show();
                           $("#level").change(function(){
                        var test=$("#level").val();
                        if (test==1)
                        {
                                $("#parent1").show();
                                $("#parent2").hide();

                        }
                        if (test==2)
                        {
                                $("#parent1").hide();
                                $("#parent2").show();
                               
                        }
                                });
        });[/code]

查看完整版本: 選取select的值做判斷