dhtmlXComboFromSelect multiple select option

i am having multiple selects in a single jsp , please check code below

<s:form name=“makeForm” id =“makeForm” beanclass=“mmv.web.action.StripesMakeActionBean”>
Make:
<s:select style=‘width:200px;’ id=“combo_zone1” name=“make” onchange=“updateModels(this)”>
<s:option value="" label="…"/>
<s:options-collection collection="${actionBean.makes}" label=“makeName” value=“makeName”/>
</s:select>
<s:hidden name=“vehicleType” value=" " id=“vehicleType” />
</s:form>

Model:

combo_zone1 works fine, combo_zone2 doesnt apply dhtmlXComboFromSelect javascripts and css, actually when i select something from combo_zone1 calls an ajax call and which inserts below code into above jsp
<s:form partial=“true”
beanclass=“mmv.web.action.TypeMakeActionBean”>

<%-- START:models --%>
<s:select name=“model” onchange=“updateDerivatives(this);”>
<s:option value="" label="…"/>
<s:options-collection collection="${actionBean.models}" label=“modelName” value=“modelName”/>
</s:select>

</s:form>

please advise is there any way i can get autocomplete on both select tags, apprecaite ur help

locally dhtmlXComboFromSelect correctly works. Check the sample in combo package:

dhtmlxCombo/samples/01_initialization/02_combo_init.html

var z = dhtmlXComboFromSelect(“combo_zone1”);
z.enableFilteringMode(true); works fine but issue is with second select tag
var z2 = dhtmlXComboFromSelect(“combo_zone2”);
z2.enableFilteringMode(true);

combo_zone2 displays normal selction list on my page without any autocomplete features

You may provide the sample without server-side scripts to reproduce the issue.

following is the code without any serverside script

<%@ page language=“java” pageEncoding=“utf-8”%>
<%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%>
<%@taglib prefix=“s” uri=“http://stripes.sourceforge.net/stripes.tld”%>

<%@taglib prefix=“fmt” uri=“http://java.sun.com/jsp/jstl/fmt”%>

<%@taglib prefix=“s” uri=“http://stripes.sourceforge.net/stripes.tld”%>
<%-- START:dyn --%>
<%@taglib prefix=“s-dyn”
uri=“http://stripes.sourceforge.net/stripes-dynattr.tld”%>
<%-- END:dyn --%>
<%@taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%>

<c:set var=“contextPath” value="${pageContext.request.contextPath}"/>

		<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jquery/prototype.js"></script>
		<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jquery/jquery.validation.js"></script>
		<script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jquery/stripes.jquery.validation.js"></script>
		 
<script>

window.dhx_globalImgPath = “${pageContext.request.contextPath}/imgs/”;

From select box

Make: a00 a01 a02 a10 a11 a12 b00 b01 b02 b10 b11 b12 a22 a31 a04
  </form>
  <script>

var z = dhtmlXComboFromSelect(“combo_zone1”);
z.enableFilteringMode(true);

Model:

Here only dhtmlXComboFromSelect(“combo_zone1”) is called. There isn’t dhtmlXComboFromSelect(“combo_zone2”)

And moreover the updateModels() function adds options to select element, not to combo.

actually mycode when i make an ajx call, sub jsp adds select element to the one in the main jsp