Home/ Questions/Q 7704387
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T23:40:08+00:00

Let me preface this question. I have just started using jquery, so please be

  • 0

Let me preface this question. I have just started using jquery, so please be kind.

I have searched for this answer, and I cannot seem to find anything that works, so I’m asking the question here.

I am going to have a page that contains a group of select boxes that will populate a list of check boxes based on which option in the select is chosen. I haven’t got that far yet. All I got so far is using the $.ajax to retrieve the data from the server. If I view the firebug console I see my JSON string.

{"DESCRIPTION":"Global Alpha I Benchmark","INCEPTION_DATE":"2004-02-29 00:00:00.0","DISCLOSURE":"","BENCHMARK_ID":"EBDVGA1INDEX"}

Here is the javascript:

    $(document).ready(function(){
    $(':input:visible:enabled:first').focus();
    $(function(){
        $("select#benchmarks").change(function(){
            var formval = {benchmarks:$(this).val()}
            $.ajax({
                type:"POST",
                data: formval,
                url: "request_processor.cfm",
                datatype: "json",
                success:$(function(response){alert(response);})

            });
        });
    });
});

HTML:

<cfform name="testForm">
<div align="center" id="databox">
    <cfselect id="benchmarks" name="benchmarks" query="getBenchmarks" queryPosition="below" value="benchmark_id" display="benchmark_id">
        <option value="">Please Select an ID...</option>
    </cfselect>
    <cfselect id="myselect" name="myselect"></cfselect>
</div>
<div id="contentdiv"></div>

I have mucked something up, and now I can’t even get data to show on the screen, so I don’t know what to do. Any help would be appreciated. \

UPDATE:

@Rob

I have added the following to the success portion of the ajax call.

$.each(response,function(index){
options = "<option value='"+ response.description + "'>" + response.description + "</option>"
});
$("select#myselect").html(options);

Now nothing happens! No javascript error, no errors in the firebug console.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I see a few issues with your “each” code. First of all, based on your JSON string originally posted, you have a single object. Unless you wrap it in [], .each will iterate over each property, such as description and inception date. If it’s wrapped in brackets, it will iterate over it as if it is an array, once for each item in the collection.

    So, assuming you pass it an array, your code should look like:

    var options = '';
$.each(response, function(){
    options += "<option value='"+ this.DESCRIPTION + "'>" + this.DESCRIPTION + "</option>";
});
$("select#myselect").html(options);

    I’ve made two changes. First, I concatenate to the options string, so all options are collected. I’m also using “this” to point to the correct item within the loop.

    Edit: I’ve also changed the case of DESCRIPTION. I believe it’s case-sensitive.

    • 0