选择下拉值时获取[object，object]-代替表格

Question

I am coming to a problem where I have a dropdown with jsf tags and when I select a dropdown value - it shows [Object, object] . I try to convert from object to string using JSON.stringify(data); but it did not quite work. Can anyone help me solve this issue. I have a search input where the values show a html table - I want to do the same with my dropdown. thanks for the help.

Here is my code

$('#sJobClass').on('change', function() {
  var jobClassCd = $(this).val(); 
  if (jobClassCd !== 0) {
    $.post('http://localhost:8080/myApp/JobSearchItem.xhtml',
           $('#searchForms').serialize(),
           function(data) {
             $('#results').append(data + '<br/><br/>');
             // $('#results').append($(text).find('table'));
             console.log(data);
             JSON.stringify(data);
           });

    $("#clearone").show();
  }
}); 

HTML with JSF tags

<select class="selectMenuSize" id="sJobClass" name="sJobClass">
  <option value="">choose</option>
  <c:forEach items="#{myBean.jobSearchItems}" var="searchItem">
    <option value="#{searchItem.getSearchValue()}" id="searchInputField"
            name="searchInput">#{searchItem.toString()}</option>
  </c:forEach>
</select>

Data

{
  id: "11111",
  label: "PROGRAMMER (1111) ",
  value: "11111"
}

Answer 1

You appear to be calling JSON.stringify(data) (which is correct) but opting to ignore the result and instead use the raw value of data (which is not).

Try this as your callback function:

function(data) {
   $('#results').append(JSON.stringify(data) + '<br/><br/>');
});

Answer 2

you append all the return object and they have multiple attribution witch one you need to display in results ?

 $('#results').append(data.label + '<br/><br/>'); $('#results').append(data.id + data.label + '<br/><br/>');