无法绑定来自 jquery 数据库中 json 值的下拉列表值

Question

我想根据来自database table 的数据绑定控制值。除了下拉列表值未绑定之外，文本框等所有控件都已绑定。

下面是我的代码

function BindDataTableToJSONProject(strVal) {

            var ProjectData = JSON.parse(strVal);

            var getJSONValue = ProjectData.Table[0];
            if (getJSONValue.PROJECT_MANAGER_NAME != "" && getJSONValue.PROJECT_MANAGER_NAME != null) {
                $('#ContentPlaceHolder1_ddlProjMan').val(getJSONValue.PROJECT_MANAGER_NAME);
            }
        }
    </script>

<select name="ctl00$ContentPlaceHolder1$ddlProjMan" id="ContentPlaceHolder1_ddlProjMan" class="form-control">
    <option value="0">--Select--</option>
    <option value="1">ABC</option>
    <option value="2">PQR</option>
    <option value="3">XYZ</option>
</select>

下面是我的 json 数据。

{ID: 6, MST_ID: 107, PROJECT_NO: "R4G-25-APD-210", CR_NO: "R4G-25-APD-ACR-1212", APPLICATION_NAME: "Workflow for VSAT Application", PROJECT_MANAGER_NAME: "XYZ",  …}

Answer 1

一种方法是循环遍历 select 标记内的 options，然后检查 .text() 是否等于 PROJECT_MANAGER_NAME，如果是，则将 selected true 添加到该选项。

演示代码：

var getJSONValue = {
  "ID": 6,
  "MST_ID": 107,
  "PROJECT_NO": "R4G-25-APD-210",
  "CR_NO": "R4G-25-APD-ACR-1212",
  "APPLICATION_NAME": "Workflow for VSAT Application",
  "PROJECT_MANAGER_NAME": "XYZ"
}
BindDataTableToJSONProject();

function BindDataTableToJSONProject() {
  if (getJSONValue.PROJECT_MANAGER_NAME != "" && getJSONValue.PROJECT_MANAGER_NAME != null) {
    //loop through option
    $('#ContentPlaceHolder1_ddlProjMan option').each(function() {
      //get text of option check if equal to pmn
      if ($(this).text() == getJSONValue.PROJECT_MANAGER_NAME) {
        $(this).prop("selected", true) //set slectd true
      }
    })

  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="ctl00$ContentPlaceHolder1$ddlProjMan" id="ContentPlaceHolder1_ddlProjMan" class="form-control">
  <option value="0">--Select--</option>
  <option value="1">ABC</option>
  <option value="2">PQR</option>
  <option value="3">XYZ</option>
</select>

Answer 2

您尝试设置值（即3）<option value="3">XYZ</option>

但是你选择了文字getJSONValue.PROJECT_MANAGER_NAME == "XYZ"的参数