Question

I have one drop down list in my page, which contains two options. What i want is, when user select second value in drop down list, another page should load. that means how to switch page on clicking on of the drop down box values.
for help i am putting my html code of drop down list.

        <select id = "viewList" class="fl width160">
            <option>Target</option>
            <option>Source</option>
        </select>

so now when user click on source option, another js page should open. and how should i write coding for that in a .js file(Jquery).

Answer 1

Look you need to change your html code like this

 <select id = "viewList" class="fl width160">
        <option value ="Target">Target</option>
        <option value ="Source">Source</option>
    </select>

$("#viewList").change(function() {
        if( $("#viewList").val =='Target')
    {
        _loadTargetList();
    }
    else
    {
        _loadSourceList();
    }   
});

Here _loadTargetList and _loadSourceList both are the functions which will provide the location to load their html file or js files. Here is an example how to load html or js file
If you want to call js first then html through js then go for this one

codeLoadingMgr.loadInclude( path + '/Target.js', function() {
codeLoadingMgr.getHTML(path + '/Target.html', function(html) {
});
});
Other wise you can direct load the html also.

Hope this helps.