dhtmlxCombo select arrow appears on new line and doesn't wor

Suite and Optimus Suite 5
#1

Hi,



I have just started testing dhtmlCombo for my inline selects, which are in tables. However they are not working properly. The dropdown arrow is on a new a new line below the text box and when clicked, nothing happens.



Any advice would be appreciated.



Here’s the snippet of my php code



<?php

for ($lt1 = 0; $lt1 < 4; $lt1++) {

unset($selcategory);

unset($selsubcategory);



if ($lt1 == 0) {

print(“

Category*
”);

}

if ($catarray[$lt1][0]) { //if item already selected trap value

$selcategory = $catarray[$lt1][0];

} else {

$selcategory = $_POST[“cat$lt1”];

}

                

if ($lt1 > 0) {

print("
");

}

if ($selcategory) {

print("<select id=cat$lt1 name=catarray[".$lt1."][0]>".$selcategory."");

} else {

print("<select id=cat$lt1 name=catarray[".$lt1."][0]>");

}

for ($lt = 0; $lt < pg_num_rows($dbcat); $lt++) {

    $cat = pg_result($dbcat, $lt, 0);

    if ($selcategory!=$cat) {

     print("$cat");

    }

}

echo ‘’;

echo ‘’;

                

if ($lt1 == 0) {

print(“		 Subcategory
”);

} else {

print("		 ");

}

if ($catarray[$lt1][1]) { //if item already selected trap value

    $selsubcategory = $catarray[$lt1][1];

} else {

$selsubcategory = $_POST[“scat$lt1”];

}

if ($selsubcategory) {

print("<select id=subcat".$lt1." name=catarray[".$lt1."][1]’>$selsubcategory");

} else {

print("<select id=subcat".$lt1." name=catarray[".$lt1."][1]’>");

}

for ($lt = 0; $lt < pg_num_rows($dbscat); $lt++) {

$scat = pg_result($dbscat, $lt, 0);

if ($selsubcategory!=$scat) {

print("$scat");

}

}

echo ‘’;

echo ‘’;

print("
");

}

?>

#2


Hello,


please, provide the sample to recreate the issue (the result of php generation - html page, not php)

#3 
Here it is
 
<table><tr width=100><td><strong>Category*</strong><br>

<select id=cat0 name=catarray[0][0]><option></option>

<option>Baking</option>

<option>Beverage</option>

<option>Breakfast</option>

<option>Christmas</option>

<option>Cleaning Product</option>

<option>Confectionery</option>

<option>Dessert</option>

<option>Entree</option>


<option>Finger Food</option>

<option>Main Meal</option>

<option>Marinade</option>

<option>Side Dish</option>

<option>Snack</option>

<option>Spice Mix</option>

</select><script>var z=dhtmlXComboFromSelect(‘cat0’);z.enableFilteringMode(true);</script><td><strong>Subcategory</strong><br>

<select style=‘width:200px;’ id=subcat0 name=catarray[0][1]’>

<option>Beef</option>


<option>Biscuits</option>

<option>Cakes</option>

<option>Cereal</option>

<option>Cheese</option>

<option>Cheesecake</option>

<option>Dip</option>

<option>Dressing</option>

<option>Egg</option>

<option>Grains</option>


<option>Lamb</option>

<option>Pasta</option>

<option>Pie</option>

<option>Pork</option>

<option>Poultry</option>

<option>Pudding</option>

<option>Salad</option>

<option>Sauce</option>

<option>Seafood</option>


<option>Shake</option>

<option>Slice</option>

<option>Soup</option>

<option>Test</option>

<option>Veal</option>

<option>Vegetables</option>

</select><script>var z=dhtmlXComboFromSelect(‘subcat0’);z.enableFilteringMode(true);</script></td></tr></table>
#4

Javascript methods can not be called inside html tags. Try to place after tag. The sample is attached
1251204629.zip (17.5 KB)

#5


I tried that, and though it works fine in your sample, it doesn’t in my page. There is a whole lot more going on in my page, so I am wondering if there isn’t some other js conflicting with yours. Here is the entire source for my page



<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>

<head>

<link rel=“shortcut icon” href=“images/favicon.ico” >

<link rel=“icon” href=“images/animated_favicon1.gif” type=“image/gif” >

<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />

<title>Web Recipe Manager</title>

<meta name=“keywords” content=“Online Recipe Database Web Manager Management Recipes” />

<meta name=“description” content=“Web Based Recipe Management Software - store and manage your recipes on the web and access them from any PC, at any time, from anywhere, wherever you are” />

<link href=“style.css” rel=“stylesheet” type=“text/css” media=“screen” />

<script type=“text/javascript” language=“javascript” src=“javascripts/jquery-1.3.1.min.js”></script>

<script type=“text/javascript” src=“javascripts/jquery.ocupload-1.1.2.js”></script>

<script type=“text/javascript” src=“javascripts/jquery.livequery.js”></script>


<script type=“text/javascript” src=“javascripts/jquery.cookie.js”></script>

<script src=“dhtmlxCombo/codebase/dhtmlxcommon.js”></script>

<script src=“dhtmlxCombo/codebase/dhtmlxcombo.js”></script>

<link rel=“STYLESHEET” type=“text/css” href=“dhtmlx/dhtmlxcombo.css”>

<script type=“text/javascript” language=“javascript”>

window.dhx_globalImgPath=“dhtmlxCombo/codebase/imgs/”;

$(document).ready(function(){


var showinfo = $.cookie('showinfo');
// Set the user preference for showing informational text
if (showinfo == 'on') {
    $('.info').show();
  	$('.hideinfo').show();
  	$('.showinfo').hide();
};
if (showinfo == 'off') {
    $('.info').hide();
    $('.hideinfo').hide();
    $('.showinfo').show();
};

//hide & show elements 
$('.hideinfo').click(function() {
  $(this).hide();
  $('.info').hide();
  $('.showinfo').show();
  $.cookie('showinfo', 'off');
});
$('.showinfo').click(function () {
  $(this).hide();
  $('.info').show();
  $('.hideinfo').show();
  $.cookie('showinfo', 'on');
});
$('#hideimg').livequery('click', function(event) {
  $(this).hide();
  $('#progress1').hide();
  $('#showimg').show();
  $('#imagedisp').hide();
  return false;
});
$('#showimg').livequery('click', function(event) {
  $(this).hide();
  $('#imagedisp').show();
  $('#hideimg').show();
  $('#showimg').hide();
  return false;
});
$('#hidemenu').click(function () {
  $('#sidebar').hide();
  $('#showmenu').show();
  $(this).hide();
  return false;
});
$('#showmenu').click(function () {
  $('#sidebar').show();
  $('#hidemenu').show();
  $(this).hide();
  return false;
});
$.each([0,1], function(i){ 
    $('#hshowcat' + i).livequery('click',(function(i){ 
        return function(event) { 
            $(this).hide(); 
            $('#showcat' + i).show(); 
            $('#category' + i).show(); 
            return false; 
        } 
    })(i + 1)); 
}); 
$('#hshowcat2').livequery('click',function(event) {
  $('#category3').show();
  $(this).hide();
  return false;
});
$.each([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17], function(i){ 
    $('#hshowing' + i).livequery('click',(function(i){ 
        return function(event) { 
            $(this).hide(); 
            $('#showing' + i).show(); 
            $('#ing' + i).show(); 
            return false; 
        } 
    })(i + 1)); 
}); 
$('#hshowing18').livequery('click',function(event) {
	$(this).hide();
	$('#ing19').show();
	return false;
});
$('#hshowing').livequery('click',function(event) {
	document.form1.elements['ingarray[' + 0 + '][' + 2 + ']'].selectedIndex = 0;
	$(this).hide();
	$('#man_ing').hide();
	$('#paste_ing').show();
	$('#hshowman').show();
	return false;
});
$('#hshowman').livequery('click',function(event) {
	document.form1.ing.value='';
	$(this).hide();
	$('#paste_ing').hide();
	$('#man_ing').show();
	$('#hshowing').show();
	return false;
});

//message box
$(window).scroll(function(){
	$('#message_box').animate({top:$(window).scrollTop()+"px" },{queue: false, duration: 350});  
});
$('#close_message').click(function() {
	$('#message_box').animate({ top:"+=150px",opacity:0 }, "slow");
});

//image upload
$('#imagefl').upload({
	name: 'file',
	method: 'post',
	enctype: 'multipart/form-data',
	action: 'upload.php',
	onSubmit: function() {
		$('#progress1').text('Uploading file...');
	},
	onComplete: function(data) {
		//data contains the response from the action url
		var image = $('div.image');
		$(image).after('<div class=image id=imagedisp><img src="imagetmp/'+data+'"><br><a id=hideimg href="#">Hide image</a><input name=newimage type=hidden value='+data+'></div>');
		$('#progress1').text('');
		$(image).remove();
	}
});



});

function disableAll(){

var el = document.forms[0].elements;

for(var i=0;i<el.length;i++){

el[i].setAttribute(‘disabled’,true)

}

}

</script>

</head>

<body><div>

<table cellpadding=“0” cellspacing=“0” border=“0” width=“100%” style=“height:100%; background:url(images/bg_left.gif) left top repeat; “>

<tr>

<td width=“50%” style=“background:url(images/bg_left.gif) right top repeat; “></td>

<table cellpadding=“0” cellspacing=“0” border=“0” width=“1100px” style=“height:100%;”>


			<tr>

<td>

<table cellpadding=“0” cellspacing=“0” border=“0” width=“100%” style=“height:70px; background:url(images/header.gif) center top no-repeat;”>

<tr><td style=” background:url(images/bg_bottom_1.gif) center bottom no-repeat; “>

<table cellpadding=“0” cellspacing=“0” border=“0” width=“980px” align=“center”>

<tr><td style=“height:70px;”>

<a href=“index.html”><img src=“images/button_spacer.gif” alt=”” border=“0”></a>

<a href=“display.php”><img src=“images/button1.gif” alt=”” border=“0”></a>

<a href=“search.php”><img src=“images/button2.gif” alt="" border=“0”></a>


									

<a href=“awbs/aLogIn.php?als=YTo0OntzOjQ6InVzZXIiO3M6NDoiZGVtbyI7czo0OiJwYXNzIjtzOjY6ImRlbW8wMCI7czoxMDoibWFjY2Vzc2tleSI7czozMjoiYWM4ZjMxNDA2OTVhNWVlOGNhYmE1OTNhYmE2ZGQ4OGUiO3M6NToidWRhdGUiO2k6MTI1MTI1MDgwMjt9”><img src=“images/button3.gif” alt="" border=“0”></a>

<a href=“import.php”><img src=“images/button4.gif” alt="" border=“0”></a>

<a href=“awbs/kb.php”><img src=“images/button5.gif” alt="" border=“0”></a>

</td></tr>

</table>

						<<SPAN class=start-tag>table</SPAN><SPAN class=attribute-name> cellpadding</SPAN>=<SPAN class=attribute-value>'5' </SPAN><SPAN class=attribute-name>cellspacing</SPAN>=<SPAN class=attribute-value>'0' </SPAN><SPAN class=attribute-name>border</SPAN>=<SPAN class=attribute-value>'0' </SPAN><SPAN class=attribute-name>width</SPAN>=<SPAN class=attribute-value>'980px' </SPAN><SPAN class=attribute-name>align</SPAN>=<SPAN class=attribute-value>'center' </SPAN><SPAN class=attribute-name>bgcolor</SPAN>=<SPAN class=attribute-value>#DFD3AE</SPAN>> <<SPAN class=start-tag>tr</SPAN>><<SPAN class=start-tag>td</SPAN>>
<<SPAN class=start-tag>div</SPAN><SPAN class=attribute-name> id</SPAN>=<SPAN class=attribute-value>"hidemenu"</SPAN>><<SPAN class=start-tag>a</SPAN><SPAN class=attribute-name> href</SPAN><SPAN>="</SPAN><A href="view-source:http://localhost/wrm/addform.php#"><U><FONT color=#0066cc face="Courier New">#</FONT></U></A><SPAN>"</SPAN>>Hide Menu</<SPAN class=end-tag>a</SPAN>></<SPAN class=end-tag>div</SPAN>>



</td><td>


	<div id=“showmenu” style=“display: none”><a href="#">Show Menu</a></div>

<br><table cellpadding=“0” cellspacing=“0” border=“0” width=“82” align=“left” style=" height:18px;" class=“order”><tr><td align=“center” valign=“middle” width=“78” style="padding:3px 0px 0px 0px; background:url(wrmimages/recipes-btn_2_1.gif) left top no-repeat; "><a href=“index-3.html” style=“color:white;text-decoration:none;”>BUY NOW</a></td><td><img src=“wrmimages/recipes-spacer.gif” width=“4” height=“1” alt=“Web Based Recipe Management Online”></td></tr></table></td></tr>

<tr><td height=“100%” style = “border-right: thin dotted #9E9A7B;”>

<div id=“sidebar”><h3 style=“font-size:18px”>Menu</h3>

<script src=“TreeMenu.js” language=“JavaScript” type=“text/javascript”></script>

<script type=“text/javascript”>

//<![CDATA[

objTreeMenu_1 = new TreeMenu("\images", “objTreeMenu_1”, “_self”, “treeMenuDefault”, true, false);

newNode = objTreeMenu_1.addItem(new TreeNode(‘Import From File’, ‘ftv2doc.gif’, ‘import.php’, false, true, ‘’, ‘’, null));

newNode = objTreeMenu_1.addItem(new TreeNode(‘Add Manually’, ‘ftv2doc.gif’, ‘addform.php’, false, true, ‘’, ‘’, null));

newNode = objTreeMenu_1.addItem(new TreeNode(‘Export To File’, ‘ftv2doc.gif’, ‘export.php’, false, true, ‘’, ‘’, null));


objTreeMenu_1.drawMenu();
objTreeMenu_1.writeOutput();
objTreeMenu_1.resetBranches();



// ]]>

</script>


</div>


	</td>

<td height=“100%”>

<h2 style=“font-size:18px”>Add Recipe</h2>

<form name=‘form1’ action=’’ method=post enctype=‘multipart/form-data’>

<table>

<tr>

<td>

<INPUT type=submit name=save value=Save class=btn>

</td>


				<td>

<a href=display.php?id=><img src=‘images/display.jpg’ style=‘border: none;’></a>

</td>

</tr>

</table>

<br>

<br>

<div class=info>

Fields Marked With an * are mandatory<br><br>


		</div>

<a href=’#’ class=hideinfo>Hide Informational Text</a>

<a href=’#’ class=showinfo style=‘display:none’>Show Informational Text</a>

<br>

<br>

<table border=0 cellpadding = 2 cellspacing = 1>

<tr>

<td>


					<strong>Name*</strong>

</td>

<td>

<input type=text size=50 name=‘name’ >

</td>

</tr>			

<tr>

<td valign=top>

<strong>Image</strong>


				</td>

<td>

<input type=“hidden” name=“MAX_FILE_SIZE” value=“524288”>				

<input name=‘imagefl’ id=‘imagefl’ size=22.5 class=‘fle’ type=‘file’>

<span id=“progress1”> Please ensure your image names don’t contain any special characters like %</span><br>

<div class=image id=‘imagedisp’>

</div>

<a href="#" id=‘showimg’ style=‘display:none’>Show image</a>


			</td>

</tr>

<tr>

<td>

<strong>Measurement System</strong>

</td>

<td>

			</<SPAN class=end-tag>td</SPAN>>



			</tr>

</table>

<table><tr width=100><td><strong>Category*</strong><br>

<select id=cat0 name=catarray[0][0]><option></option>

<option>Baking</option>

<option>Beverage</option>

<option>Breakfast</option>

<option>Christmas</option>

<option>Cleaning Product</option>


<option>Confectionery</option>

<option>Dessert</option>

<option>Entree</option>

<option>Finger Food</option>

<option>Main Meal</option>

<option>Marinade</option>

<option>Side Dish</option>

<option>Snack</option>

<option>Spice Mix</option>


</select><td><strong>Subcategory</strong><br>

<select style=‘width:200px;’ id=subcat0 name=catarray[0][1]’>

<option>Beef</option>

<option>Biscuits</option>

<option>Cakes</option>

<option>Cereal</option>

<option>Cheese</option>

<option>Cheesecake</option>

<option>Dip</option>


<option>Dressing</option>

<option>Egg</option>

<option>Grains</option>

<option>Lamb</option>

<option>Pasta</option>

<option>Pie</option>

<option>Pork</option>

<option>Poultry</option>

<option>Pudding</option>


<option>Salad</option>

<option>Sauce</option>

<option>Seafood</option>

<option>Shake</option>

<option>Slice</option>

<option>Soup</option>

<option>Test</option>

<option>Veal</option>

<option>Vegetables</option>


</select><script>var z=dhtmlXComboFromSelect(‘cat0’);z.enableFilteringMode(true);</script><script>var z=dhtmlXComboFromSelect(‘subcat0’);z.enableFilteringMode(true);</script></td></tr></table>

<table><tr><td>

<select id=cat1 name=catarray[1][0]><option></option>

<option>Baking</option>

<option>Beverage</option>

<option>Breakfast</option>

<option>Christmas</option>

<option>Cleaning Product</option>

<option>Confectionery</option>


<option>Dessert</option>

<option>Entree</option>

<option>Finger Food</option>

<option>Main Meal</option>

<option>Marinade</option>

<option>Side Dish</option>

<option>Snack</option>

<option>Spice Mix</option>

</select><td>


<select style=‘width:200px;’ id=subcat1 name=catarray[1][1]’>

<option>Beef</option>

<option>Biscuits</option>

<option>Cakes</option>

<option>Cereal</option>

<option>Cheese</option>

<option>Cheesecake</option>

<option>Dip</option>

<option>Dressing</option>


<option>Egg</option>

<option>Grains</option>

<option>Lamb</option>

<option>Pasta</option>

<option>Pie</option>

<option>Pork</option>

<option>Poultry</option>

<option>Pudding</option>

<option>Salad</option>


<option>Sauce</option>

<option>Seafood</option>

<option>Shake</option>

<option>Slice</option>

<option>Soup</option>

<option>Test</option>

<option>Veal</option>

<option>Vegetables</option>

</select><script>var z=dhtmlXComboFromSelect(‘cat1’);z.enableFilteringMode(true);</script><script>var z=dhtmlXComboFromSelect(‘subcat1’);z.enableFilteringMode(true);</script></td></tr></table>


<table><tr><td>

<select id=cat2 name=catarray[2][0]><option></option>

<option>Baking</option>

<option>Beverage</option>

<option>Breakfast</option>

<option>Christmas</option>

<option>Cleaning Product</option>

<option>Confectionery</option>

<option>Dessert</option>

<option>Entree</option>


<option>Finger Food</option>

<option>Main Meal</option>

<option>Marinade</option>

<option>Side Dish</option>

<option>Snack</option>

<option>Spice Mix</option>

</select><td>

<select style=‘width:200px;’ id=subcat2 name=catarray[2][1]’>

<option>Beef</option>

<option>Biscuits</option>


<option>Cakes</option>

<option>Cereal</option>

<option>Cheese</option>

<option>Cheesecake</option>

<option>Dip</option>

<option>Dressing</option>

<option>Egg</option>

<option>Grains</option>

<option>Lamb</option>


<option>Pasta</option>

<option>Pie</option>

<option>Pork</option>

<option>Poultry</option>

<option>Pudding</option>

<option>Salad</option>

<option>Sauce</option>

<option>Seafood</option>

<option>Shake</option>


<option>Slice</option>

<option>Soup</option>

<option>Test</option>

<option>Veal</option>

<option>Vegetables</option>

</select><script>var z=dhtmlXComboFromSelect(‘cat2’);z.enableFilteringMode(true);</script><script>var z=dhtmlXComboFromSelect(‘subcat2’);z.enableFilteringMode(true);</script></td></tr></table>

<table><tr><td>

<select id=cat3 name=catarray[3][0]><option></option>

<option>Baking</option>


<option>Beverage</option>

<option>Breakfast</option>

<option>Christmas</option>

<option>Cleaning Product</option>

<option>Confectionery</option>

<option>Dessert</option>

<option>Entree</option>

<option>Finger Food</option>

<option>Main Meal</option>


<option>Marinade</option>

<option>Side Dish</option>

<option>Snack</option>

<option>Spice Mix</option>

</select><td>

<select style=‘width:200px;’ id=subcat3 name=catarray[3][1]’>

<option>Beef</option>

<option>Biscuits</option>

<option>Cakes</option>

<option>Cereal</option>


<option>Cheese</option>

<option>Cheesecake</option>

<option>Dip</option>

<option>Dressing</option>

<option>Egg</option>

<option>Grains</option>

<option>Lamb</option>

<option>Pasta</option>

<option>Pie</option>


<option>Pork</option>

<option>Poultry</option>

<option>Pudding</option>

<option>Salad</option>

<option>Sauce</option>

<option>Seafood</option>

<option>Shake</option>

<option>Slice</option>

<option>Soup</option>


<option>Test</option>

<option>Veal</option>

<option>Vegetables</option>

</select><script>var z=dhtmlXComboFromSelect(‘cat3’);z.enableFilteringMode(true);</script><script>var z=dhtmlXComboFromSelect(‘subcat3’);z.enableFilteringMode(true);</script></td></tr></table>



<br>

<strong>Directions*</strong>

<div class=info>


			Here’s the character for degrees celsius and fahrenheit if you need them &#8451 &#8457

</div>

<br><TEXTAREA name=‘directions’></TEXTAREA><br>

<strong>Notes</strong>

<br><TEXTAREA style=‘height:30px;’ name=‘note’></TEXTAREA><br><br>

<table border=0 cellpadding = 2 cellspacing = 1>


			<tr>

<td>

<strong>Source</strong>

</td>

<td>

			</<SPAN class=end-tag>td</SPAN>>
			<<SPAN class=start-tag>td</SPAN>>
				<<SPAN class=start-tag>strong</SPAN>>Rating</<SPAN class=end-tag>strong</SPAN>>



				</td>

<td>

<select name=rating><option></option><option>Not Rated</option><option>1 Star</option><option>2 Stars</option><option>3 Stars</option><option>4 Stars</option><option>5 Stars</option></select>                </td>

<td>

<strong>Tried</strong>


				</td>

<td>

<input class=chk type=checkbox name=‘tried’ >

			</<SPAN class=end-tag>td</SPAN>>
		</<SPAN class=end-tag>tr</SPAN>>
		<<SPAN class=start-tag>tr</SPAN>>
			<<SPAN class=start-tag>td</SPAN>>
				<<SPAN class=start-tag>strong</SPAN>>Cuisine</<SPAN class=end-tag>strong</SPAN>>



				</td>

<td>

</td>				</td>

<td>

<strong>Makes</strong>

</td>

<td>

<input class=smallinp type=text name=‘yield’ >


					</td>				</td>

<td>

<strong>Prep Time</strong>

</td>

<td>

<input class=smallinp type=text name=‘preptime’ value=’’>

			</<SPAN class=end-tag>td</SPAN>>
		</<SPAN class=end-tag>tr</SPAN>>



		</table>

<table>

<tr>

<td>

<strong>Diet/s</strong><br>

<select name=diet[] multiple size=20 onChange=‘checkAdd(this)’>

<option>Alkaline</option><option>Dairy Free</option><option>Gluten Free</option><option>Low Carb</option><option>Low Fat</option><option>Southbeach</option>	

<option>Other</option></select>


				</td>

<td>

<strong>Related Recipe/s</strong><br>

<select name=related_recipe[] multiple size=20’>

<option>Almond Cookies</option><option>Avocado &amp; Prawn Couscous With Lime</option><option>Babi Kecap I (Pork Cooked In Soya Sauce)</option><option>Bacon Cheeseburger Quiche</option><option>Baked Vegetable Omelette</option><option>Barley Chili</option><option>Barley Pilaf</option><option>Barley Risotto With Spinach And Parmesan</option><option>Beef Smoore</option><option>Beer Butt Chicken</option><option>Black, White, And Green Bean Salad</option><option>Blue Cheese Ranch Dressing</option><option>Broccoli Rabe</option><option>Caesar Salad With Dressing</option><option>Cajun Prawns</option><option>Cheddar Bacon Devilled Eggs</option><option>Cheesy Potatoes</option><option>Cheesy Spinach</option><option>Chermoula Chicken</option><option>Chicken And White Bean Chili</option><option>Chicken Barley Soup</option><option>Chicken Breast Salad With Balsamic Vinegar</option><option>Chicken Caesar Salad</option><option>Chicken Curry</option><option>Chicken Noodle Soup</option><option>Chili Con Carne</option><option>Chocolate Crackles</option><option>Cinnamon Yoghurt Creme</option><option>Coriander Cream Chicken</option><option>Creamy Tarragon Chicken</option><option>Crunchy Cheese And Herb Chicken Schnitzels</option><option>Cumin-Scented Chicken Tikka</option><option>Curry-Rubbed Salmon</option><option>Curry Powder</option><option>Custard Fruit Cake</option><option>Deviled Eggs With Horseradish And Scallions</option><option>Dijon Prawn Cocktail</option><option>Easy Salmon Cakes</option><option>Easy Veggie Chili</option><option>Festive Yoghurt</option><option>Golden Dream</option><option>Grandma’s Custard Fruit Cake</option><option>Grandma’s Potato Salad</option><option>Granola</option><option>Green Tea And Chicken Stirfry</option><option>Ham And Cheese Pita Melt</option><option>Ham And Chicken Gumbo</option><option>Ham Tomato And Spinach Salad</option><option>Hasselback Potatoes With Spice Topping</option><option>Hearty Minestrone</option><option>Homemade Spaghetti</option><option>Icecream With Kiwifruit Sauce</option><option>Jalapeño Chicken Salad</option><option>Key Lime Pie</option><option>Lamb With Yoghurt, Coconut Milk &amp; Almond Masala</option><option>Lemon Cheesecake</option><option>Lemon Pancake</option><option>Lemon Sago Dessert</option><option>Lemon Zest Yoghurt</option><option>Margarita</option><option>Mediterranean Salmon</option><option>Microwave Bacon Omelet</option><option>Microwave Baked Apple</option><option>Microwave Veal Paprika</option><option>Mischievous Eggs</optio
#6


Hello,


the issue doesn’t relate to combo component.


there are a lot of issues in the html structure - all tags should be closed. And moreover you still calls JavaScript methods inside html tags. Please, use sample provide before as an example for your page.