जब आप अपना select . प्रिंट करते हैं बॉक्स, आप पैरामीटर पारित कर सकते हैं onChange="sendInfo(this.value);" नीचे की तरह कार्य करें:
$('<div>
<!--adding onchange and passing selected value to it-->
<select class="selected-meal-type" onchange ="sendInfo(this.value);">
<option value="TYPE A">TYPE A</option>
<option value="TYPE B">TYPE B</option>
<option value="TYPE C">TYPE C</option>
</select> <span id="amit" /></span>
</div>
<br>').appendTo('#container');
अब आपके sendInfo . में फ़ंक्शन नीचे की तरह करें:
function sendInfo(str)//str will have value selected from dropdown list
{
//attaching this value in url
var url="process.jsp?val="+str;
if(window.XMLHttpRequest)
{
request=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
request=new ActiveXObject("Microsoft.XMLHTTP");
}
request.onreadystatechange= function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("amit").innerHTML = this.responseText;
}
};
request.open("GET",url,true);
request.send();
}
साथ ही div जोड़ना न भूलें आईडी के साथ amit .अब, यदि आप Type B . चुनते हैं फिर, val का मान TypeB . होगा , इसे अपने select . में उपयोग करें क्वेरी और परिणाम वापस आपके jsp . पर भेज दिया पेज.
