返回列表 發帖
kunyao

Rank: 1

帖子
7 
主題
2 
精華
0 
積分
3 
威望
3  
金錢
0  
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2010-5-17 14:45 | 只看該作者

選取select的值做判斷

本帖最後由 kunyao 於 2010-5-17 14:55 編輯

想請教我寫了這一小段程式
想判斷如果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

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
2#
發表於 2010-5-17 22:23 | 只看該作者
我想應該是要用 change 事件，而非 select 事件...

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

TOP

kunyao

Rank: 1

帖子
7 
主題
2 
精華
0 
積分
3 
威望
3  
金錢
0  
3#
發表於 2010-5-18 10:50 | 只看該作者
我想依照level那個select的值
來判斷顯示parent1 or 2的 select
謝謝
<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');
                        }
                                                                                   });
        });

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
4#
發表於 2010-5-18 22:44 | 只看該作者
請改用 change 事件...
$("#level").change();
To infinity and beyond!

TOP

kunyao

Rank: 1

帖子
7 
主題
2 
精華
0 
積分
3 
威望
3  
金錢
0  
5#
發表於 2010-5-19 10:27 | 只看該作者
本帖最後由 kunyao 於 2010-5-19 10:46 編輯

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

TOP

kunyao

Rank: 1

帖子
7 
主題
2 
精華
0 
積分
3 
威望
3  
金錢
0  
6#
發表於 2010-5-19 13:35 | 只看該作者
感謝指教
最後我終於修改成功了
:) :) :) :)
$(function(){
                           $("#parent1").show();
                           $("#level").change(function(){
                        var test=$("#level").val();
                        if (test==1)
                        {
                                $("#parent1").show();
                                $("#parent2").hide();

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

TOP

返回列表 回復 發帖