मैंने गतिशील रूप से एक टेबल पंक्ति बनाई है और प्रत्येक सेल को पंक्ति में और फिर तालिका में सम्मिलित कर रहा हूं। पिछले सभी सेल काम कर रहे हैं (क्योंकि वे साधारण चेकबॉक्स इनपुट या सादा पाठ हैं) हालांकि यह पंक्ति अलग है।

मैं एक टेबल सेल में गतिशील रूप से एक bootstrap-select ड्रॉपडाउन डालने की कोशिश कर रहा हूं और मेरे पास नहीं है कोइ भाग्य। यह कोई त्रुटि नहीं फेंक रहा है, हालांकि यह ड्रॉपडाउन प्रदर्शित नहीं कर रहा है।

मेरा प्रयास इस त्वरित खोज पर आधारित है:

var cell = row.insertCell(5);
var selectCell = $('<select/>', {
    'class': "selectpicker"
});
selectCell.append("<option>Value 1</option>");
selectCell.append("<option>Value 2</option>");
selectCell.append("<option>Value 3</option>");

selectCell.appendTo(cell);

किसी भी मदद की सराहना की जाती है।

धन्यवाद

0
Tatrick 27 अगस्त 2017, 02:43
1
आप एक सामान्य <select> डाल रहे हैं। यदि आप बूटस्ट्रैप-चयन चाहते हैं, तो इसे DOM में जोड़ने के बाद प्लगइन को इसमें संलग्न करने की आवश्यकता नहीं है
 – 
user3559349
27 अगस्त 2017, 02:47
निश्चित रूप से यह select कक्षा selectpicker के साथ सम्मिलित कर रहा है जिसका अर्थ है कि बूटस्ट्रैप चयन सक्रिय होना चाहिए? किसी भी तरह से, क्या यह सामान्य select को तालिका पंक्ति में प्रदर्शित करने के बजाय कुछ भी नहीं प्रदर्शित करने के लिए नहीं है?
 – 
Tatrick
27 अगस्त 2017, 02:56
1
नहीं। तत्व जोड़ने के बाद आपको प्लगइन संलग्न करने की आवश्यकता है। और <select> तत्व जोड़ने के लिए आपके पास जो कोड है वह ठीक काम करता है (देखें this fiddle)
 – 
user3559349
27 अगस्त 2017, 02:59
मुझसे यह कैसे होगा? और यह बहुत अजीब है कि मेरी टेबल पंक्ति सेल में कुछ भी नहीं दिखाती है .. कोई विचार?
 – 
Tatrick
27 अगस्त 2017, 03:01
1
सुनिश्चित नहीं है कि आप कोड क्यों काम नहीं कर रहे हैं (जाहिर है कि कोड के साथ कुछ करने के लिए आपने हमें नहीं दिखाया है) - लेकिन प्लगइन संलग्न करने के लिए, आपको इसे selectCell.selectpicker({ ... }); की आवश्यकता है इसे DOM में जोड़ने के बाद
 – 
user3559349
27 अगस्त 2017, 03:04

1 उत्तर

सबसे बढ़िया उत्तर

आप इसे इस तरह कर सकते हैं:

तालिका

<table>
  <tr id="row"></tr>
</table>

स्क्रिप्ट

var row = document.getElementById('row');
var cell = row.insertCell(0);
/*var selectCell = $('<select/>', {
    'class': "selectpicker"
});*/

var selectCell = $('<select>');
$(selectCell).addClass('selectpicker');
selectCell.append("<option>Value 1</option>");
selectCell.append("<option>Value 2</option>");
selectCell.append("<option>Value 3</option>");

selectCell.appendTo(cell);

ऑनलाइन परिणाम jsfiddle

2
Ali Soltani 27 अगस्त 2017, 17:11