एंड्रॉइड डिवाइसों के लिए मोबाइल ब्राउज़र पर ऑटो ओपन कॉम्बोबॉक्स

मैं एंड्रॉइड डिवाइस के लिए ब्राउज़र पर स्वचालित रूप से एक combobox खोलना चाहता हूं।
मैं निम्नलिखित कोड है:एंड्रॉइड डिवाइसों के लिए मोबाइल ब्राउज़र पर ऑटो ओपन कॉम्बोबॉक्स

<!doctype html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <script src="jquery-1.8.0.min.js" type="text/javascript"></script> <title>Combobox</title> </head> <body> <div id="combobox"> <select id="select"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <script> $(document).ready(function() { document.getElementById('select').size=3; }); </script> </body> </html>

यह डेस्कटॉप ब्राउज़र पर काम करता है (देखें स्क्रीनशॉट 1), लेकिन दुर्भाग्य से Android उपकरणों पर ब्राउज़रों के साथ नहीं (स्क्रीनशॉट 2 देखें), केवल बता गया छूने के बाद वर्तमान में विकल्प दिखाई देते हैं:

मैं उन्हें चाहते हैं पेज खोलने के बाद तुरंत प्रकट करने के लिए (स्क्रीनशॉट 3 देखें)
और यदि संभव हो तो (स्क्रॉल के बाद अन्य विकल्प) केवल 3 विकल्प दिखाने के लिए:

मैं कैसे कर सकते उस?

संपादित करें 1: इस बीच मैं एक ऐसी ही समस्या here पाया है, लेकिन के रूप में यह समाधान के बिना भी होने के लिए ... लगता है

संपादित 2: अब मैं एक वैकल्पिक हल साथ jQuery मोबाइल पाया और सूचीदृश्य, नीचे उत्तर देखें, हालांकि मैं अभी भी अन्य (बेहतर) विचारों की प्रतीक्षा कर रहा हूं ...

स्रोत

2012-10-22 Taifun

संभव डुप्लिकेट http://stackoverflow.com/questions/2048213/open-select-using-javascript-jquery – zizoujab

@ Zied-Jaballah आपके संदेश के लिए धन्यवाद, आपके द्वारा वर्णित धागा के बारे में है "क्या जावास्क्रिप्ट (और jQuery) का उपयोग कर एक चयन बॉक्स खोलने का कोई तरीका है?" '। मुझे पता है, एक तरीका है, मेरा समाधान देखें, लेकिन दुर्भाग्य से ** एंड्रॉइड डिवाइसों के लिए मोबाइल ब्राउज़र पर काम नहीं करता ** ** – Taifun

मैं अब एक समाधान है जो एक सूचीदृश्य साथ jQuery मोबाइल का उपयोग करता पाया।
पृष्ठ खोलने के तुरंत बाद सूचीदृश्य प्रकट होता है, जो मेरे उद्देश्यों के लिए ठीक है। एक आदर्श समाधान हालांकि केवल 3 विकल्प दिखाना होगा (स्क्रॉल करने के बाद अन्य विकल्प)। फिर भी अन्य विचारों के लिए इंतज़ार कर ... वैकल्पिक हल के

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="jquery-1.8.0.min.js"></script> 
<script src="jquery.mobile-1.2.0.min.js"></script> 
<title>Combobox Workaround</title> 
</head> 

<body> 
    <div data-role="page"> 
    <ul id="listview" data-role="listview"> 
     <li><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     <li><a href="#">3</a></li> 
     <li><a href="#">4</a></li> 
     <li><a href="#">5</a></li> 
    </ul> 
    </div> 

    <script> 
    $('#listview').on('click', ' > li', function() { 
     // show selected index in alert box 
     alert('index=' + $(this).index()); 
    }); 
    </script> 
</body> 
</html>

स्क्रीनशॉट:
screenshot

स्रोत

2012-10-24 22:43:15 Taifun

-1

एक div का उपयोग करने के बजाय। मुझे लगता है कि आपको एक फॉर्म का उपयोग करना चाहिए।

स्रोत

2012-10-24 01:57:06 user805981

अच्छा अनुमान है, लेकिन दुर्भाग्य से बहुत उपयोगी नहीं है ... प्रश्न इस बारे में है कि कैसे Android डिवाइस के लिए मोबाइल ब्राउज़र पर काम करने के लिए ** इसे प्राप्त करें ** – Taifun

एंड्रॉइड डिवाइसों के लिए मोबाइल ब्राउज़र पर ऑटो ओपन कॉम्बोबॉक्स

उत्तर

संबंधित मुद्दे