[操作疑難] jquery onclick modal

carlkyo

請問CHING
有冇SAMPLE我睇睇啊
例如

1. <li>1</li>
   
2. <li>12</li>
   
3. <li>13</li>

複製代碼

click落任何一個li可以打開modal或網址(唔想有?id=xxx)
many thanks

carlkyo

請問CHING
有冇SAMPLE我睇睇啊
例如click落任何一個li可以打開modal或網址(唔想有?id=xxx)
many thanks ...
carlkyo 發表於 2015-11-4 14:04

    找到呢個

1. $('.trash').click(function(){
   
2.     var id=$(this).data('id');
   
3.     $('#modalDelete').attr('href','delete-cover.php?id='+id);
   
4. })

複製代碼

stta800

https://jqueryui.com/dialog/#modal-confirmation

like this??

carlkyo

like this??
stta800 發表於 2015-11-4 15:24

   成功用左modal加.text
   開新頁唔知得唔得
   好少用jquery~~"
thanks

carlkyo

ching
咁寫正確嗎
選完會出好多欄input
many thanks

1. <script>
   
2. $(document).ready(function(){
   
3.     $(".field").change(function(){      
   
4. if($('.field').val()=='volvo'){
   
5. $("#res").html("<input type='text' value='ABC'><input type='text' value='ABC'>");
   
6. }
   
7. if($('.field').val()=='saab'){
   
8. $("#res").html("<input type='text' value='ABCD'><input type='text' value='ABCD'><input type='text' value='ABCD'>");
   
9. }
   
10. });
    
11. });
    
12. </script>
    
13. </head>
    
14. <body>
    
15. 
    
16. Car:
    
17. <select class="field" name="cars">
    
18.   <option value="volvo">Volvo</option>
    
19.   <option value="saab">Saab</option>
    
20.   <option value="fiat">Fiat</option>
    
21.   <option value="audi">Audi</option>
    
22. </select>
    
23. 
    
24. <p id="res">Select an option in the drop-down list.</p>

複製代碼

wongfung

ching
咁寫正確嗎
選完會出好多欄input
many thanks
carlkyo 發表於 2015-11-4 16:27

https://jsfiddle.net/q2co7c8L/
你想咁?

carlkyo

你想咁?
wongfung 發表於 2015-11-4 20:37

    唔同選擇有唔同表單
係唔係咁寫就ok
thx

wongfung

唔同選擇有唔同表單
係唔係咁寫就ok
thx
carlkyo 發表於 2015-11-4 21:16

你係想個DROPDOWNLIST揀唔同選項嗰陣出唔同TEXTBOX, 定個TEXTBOX出唔同字?
另外善用variable可以減少重複寫CODE的

carlkyo

你係想個DROPDOWNLIST揀唔同選項嗰陣出唔同TEXTBOX, 定個TEXTBOX出唔同字?
另外善用variable可以減少重 ...
wongfung 發表於 2015-11-4 21:52

   除寫多個function諗唔到其他~~

carlkyo

試下用呢個

1. <!DOCTYPE html>
   
2. <html>
   
3. <head>
   
4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   
5. <script>
   
6. $(document).ready(function(){
   
7.     $("button").click(function(){
   
8.         $("#div1").load("http://www.tutorialspoint.com/html/html_tables.htm");
   
9.     });
   
10. });
    
11. </script>
    
12. </head>
    
13. <body>
    
14. 
    
15. <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
    
16. 
    
17. <button>Get External Content</button>
    
18. 
    
19. </body>
    
20. </html>

複製代碼