選擇下拉值時獲取[object，object]-代替表格

Question

我遇到的一個問題是，我有一個帶有jsf標簽的下拉列表，而當我選擇一個下拉列表值時-它顯示[Object, object] 。 我嘗試使用JSON.stringify(data);從對象轉換為字符串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/>');
});

Answer 2

您附加所有返回對象，它們就有多個屬性需要在結果中顯示？

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