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