2012-04-03 12 views
9

मैंjQuery रूप से भरें चयन सूची

<select id="SelItem"> 

    </select> 

मेरी htm फ़ाइल में इस राशि मेरी जावास्क्रिप्ट फ़ाइल मैं jQuery के लिए एक अनुभाग है मैं निम्नलिखित है

 var itemval= '<option value="OT">OT</option>'; 

    $("#SelItem").html(itemval); 

के भीतर का पालन नहीं कर सकते हैं मेरी ड्रॉप पॉप्युलेट ओटी के साथ नीचे? यह नीचे

+2

[मुझे ठीक लग रहा है।] (Http://jsfiddle.net/mattball/zGFek/) क्या आप डीओएम तैयार कोड पर चल रहे हैं? –

+1

क्या आपने अपने पृष्ठ पर 'jQuery' शामिल किया था? – ShankarSangoli

उत्तर

14

ड्रॉप में कुछ भी पॉप्युलेट नहीं करता आप append उपयोग करने पर विचार करना चाह सकते हैं:

//Creates the item 
var itemval= '<option value="OT">OT</option>'; 

//Appends it within your select element 
$("#SelItem").append(itemval);​ 

Example

अद्यतन

रूप js1568 ने बताया - समस्या सबसे अधिक संभावना उत्पन्न है पेज से लोड नहीं किया जा रहा है जब जेएस/jQuery कोड निष्पादित किया जा रहा है। आपको निम्न के साथ इसे ठीक करने में सक्षम होना चाहिए:

$(document).ready(function() 
{ 
    //Creates the item 
    var itemval= '<option value="OT">OT</option>'; 

    //Appends it within your select element 
    $("#SelItem").append(itemval);​ 
}); 
+3

यदि ओपी में कोड काम नहीं कर रहा है, तो आपको क्या लगता है कि यह कोड होगा? –

+0

@ MДΓΓ - मैं एक वैकल्पिक विकल्प और इसका एक उदाहरण उदाहरण प्रदान कर रहा था। ऐसा लगता है कि जब जेएस को बुलाया जा रहा है, तो यह मुद्दा सीधे संबंधित है, जेएस 1568 की तरह ही बताया गया है। –

1

आपको इस कोड को चलाने से पहले पृष्ठ लोड होने तक प्रतीक्षा करने की आवश्यकता है। अपने कोड को $(document).ready() फ़ंक्शन के अंदर लपेटने का प्रयास करें।

Introducing $(document).ready()

0

समस्या है जब jQuery, नहीं बुलाया जाता है क्या इसकी क्या कर रही है।

$(document).ready(function() { 
    var itemval= '<option value="OT">OT</option>'; 
    $("#SelItem").html(itemval); 
}); 
संबंधित मुद्दे