標題: [發問] 像Yahoo首頁的搜尋輸入框,求類似的語法 [打印本頁]

---

作者: 27429200    時間: 2013-2-4 09:45     標題: 像Yahoo首頁的搜尋輸入框,求類似的語法

我想要找像文書軟體中,選擇字型大小的選擇框(可以輸入也可直接選擇)
再加上像Yahoo首頁的搜尋輸入框那種會跑出很多你可能要打的搜尋結果
結論是我分成一個輸入框和清單,但是我一直不懂javascript的document.write
請求各位大大協助,以下是一部分

1. <form name="f1">
   
2. <input type="text" id="input" placeholder="請輸入文字" onFocus="show()"/>
   
3. <input type="button" value="搜尋"/><br>
   
4. <select>
   
5. <script>
   
6. var total=1;
   
7. input=document.f1.input.value;
   
8. option=new Array();
   
9. optleng=option.length;
   
10. En=new Array(total);
    
11. En[0]=new Array("a1","a2","a3");         //我只有用到"a1",其他兩個是保留的
    
12. En[1]=new Array("b1","b2","b3");        //我只有用到"b1",其他兩個是保留的
    
13. function show(){
    
14. timer=setTimeout("show()",1000);
    
15. for(x=0;x<total;x++){
    
16. if(En[x][0].indexOf("input")!=-1){
    
17. document.write("<option>"+option+"</option>");
    
18. }
    
19. }}}
    
20. </script>
    
21. </select>
    
22. </form>
    
23. 
    
24. 
    
25. if(optleng!=0){
    
26. option.slice(0,option,En[x][0]);
    
27. 
    
28. 
    
29. <script>
    
30. function a2(){
    
31. if(document.getElementById("bb").value=="2"){
    
32. document.write("123");
    
33. }else{alert("111");
    
34. }}
    
35. </script>
    
36. <input type="text" id="bb" value="2"/>
    
37. <input type="button" id="aa" onClick="a2();" value="搜尋"/>

複製代碼

---

作者: 小誌    時間: 2013-2-5 10:10

回復 1# 27429200

請參考
http://jqueryui.com/autocomplete/#combobox

---

作者: 27429200    時間: 2013-2-5 14:40

感謝大大!!

---

歡迎光臨 麻辣家族討論版版 (http://forum.twbts.com/)