javascript - 选择下拉值时获取 [object, object] - 而不是表

Question

我遇到一个问题，我有一个带有 jsf 标签的下拉列表，当我选择一个下拉列表值时 - 它显示 [Object, object]。我尝试使用 JSON.stringify(data); 将对象转换为字符串，但效果不太好。谁能帮我解决这个问题。我有一个搜索输入，其中的值显示一个 html 表 - 我想对我的下拉列表执行相同的操作。感谢您的帮助。

这是我的代码

$('#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();
  }
}); 

带有 JSF 标记的 HTML

<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>

数据

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

Answer 1

您似乎正在调用 JSON.stringify(data) (这是正确的)，但选择忽略结果，而是使用 data 的原始值(这是不是)。

尝试将此作为回调函数:

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