Bug in Jquery Mobile Select Menu

[gurviner372]

I am using Jquery Mobile version jquery.mobile-1.0a2.min.js and Jquery Version jquery-1.4.3.min.js

If i add the select box control (as a text html) dynamically to the screen while using JQuery Mobile, then it gives me following error

TypeError: Result of expression 'd[0].options' [undefined] is not an object.

This is the code that i used

<script>
			$(document).ready(function(){
				addComboBox();
			});

			function addComboBox()
			{
				var contentHTML = "";
				contentHTML += "<div data-role='fieldcontain'>";	
				contentHTML += "<label for='categories' class='select'></label>";	
				contentHTML += "<select id='categories' name='categories'>";	
				//contentHTML += "<optgroup label='TEXT.SHPLST_LI_SL'>";
				contentHTML += "<option value ='_allSavedItems'>";
				contentHTML += "TEXT.SHPLST_LI_ALL_ITEMS";
				contentHTML += "</option>";
				
				for (var i=0; i < 10; i++)
				{
					contentHTML += "<option value ='" + i + "'>";
					contentHTML += i;
					contentHTML += "</option>";
				}
				//contentHTML += "</optgroup>";
				contentHTML += "</select></div>";	
				$("#toolbar").append( contentHTML ).selectmenu();
			}
		</script>

[jitter]

Thanks for taking the time to contribute to the jQuery project by writing a bug report.

Unfortunately this bug tracker is only for bugs in jQuery core.

jQuery Mobile bugs should be filed on the  jQuery Mobile bug tracker as they will be able to assist you further with this. Please re-submit your bug ticket there.

Btw. I guess there isn't really a bug here, the error probably is raised because you call the selectmenu() method on the #toolbar div instead of the actual select. Try replacing the last line with

$("#toolbar").append( contentHTML )
$("#categories").selectmenu();

P.S.: jQuery Mobile 1.0 Alpha 2 requires jQuery 1.4.4 not 1.4.3