使用Jquery从JSON数据的下拉列表中未设置值 [英] Values are not getting set in dropdownlist from JSON data using Jquery
本文介绍了使用Jquery从JSON数据的下拉列表中未设置值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个json数据，我使用jquery在dropdownlist上绑定了该数据以进行查看.但这并没有为我设定价值.以下是我尝试过的
I have a json data which I bind on dropdownlist using jquery for viewing purpose. But it is not setting the values for me. Below is what I tried
function BindClickedData(jsonValue) {
try {
var RRSOCDATA = JSON.parse(jsonValue);
var getJSONValue = RRSOCDATA[0];
if (getJSONValue.STATE != "" || getJSONValue.STATE != null) {
$('#ddlStateView').val(getJSONValue.STATE);
}
if (getJSONValue.CITY != "" || getJSONValue.CITY == null) {
$('#txtCityView').val(getJSONValue.CITY);
}
catch (e) {
alert('Some issues');
}
}
<script src="http://code.jquery.com/jquery-1.12.4.js"></script>
<select id="ddlStateView" runat="server"></select>
<input type="text" id="txtCityView" />
textbox的值已正确设置，但dropdownlist的值未正确设置.我不知道可能是什么原因.请提出建议，如果有任何疑问，也请告诉我
textbox values are getting set properly but not the dropdownlist. I don't know what might be the reason. Please suggest and also let me know if any doubts
下面是我的JSON数据
Below is my JSON data
{RRSOC_ID: 27934, STORE_CODE: "AC-12345", STATE: "Mumbai", CITY: "Mumbai",
SITE_STORE_FORMAT: "My Jio Store",
ALIGNED_LPO_MAILDID
:
"Sanjay.Mishra@ril.com"
ALPM_ALPO_ECNUMBER
:
"50007837"
ALPM_ALPO_MOBNO
:
"9766002405"
ALPM_ALPO_NAME
:
"Sanjay kumar Mishra"
AREA_MANAGER_MOBNO
:
null
AREA_MANAGER_NAME
:
null
CAMERA_MODEL
:
null
CITY
:
"Mumbai"
CREATED_BY
:
"NADEEM5.KHAN"
CREATED_DATE
:
"2018-05-16T15:33:25"
CST_TIN_NO
:
null
DELETED_BY
:
null
DVR_IP_ADDRESS
:
null
DVR_MODEL_GESECURITY
:
null
EMP_NEAREST_STORE
:
null
EMP_NEAREST_STORE_MOBNO
:
null
FACILITY_TEAMNO
:
null
FACILTY_TEAMNAME
:
null
ISACTIVE
:
"Y"
IS_NIGHT_PATROL_PARTY_AVAIL
:
"Yes"
IS_NIGHT_SEC_GUARD_AVAIL
:
"Yes"
IS_STORE_IN_MALL
:
"Yes"
LAST_UPDATED_BY
:
"NADEEM5.KHAN"
LAST_UPDATED_DATE
:
"2018-05-16T15:33:25"
LATITUDE
:
null
LAUNCH_DATE
:
null
LONGITUDE
:
null
LPA
:
null
LPO_MOBILENO
:
null
MALL_CONTROL_ROOM_NO
:
"9821283975"
MANAGER_MOBNO
:
null
NAME_ALIGNED_LPO
:
null
NEAREST_FIRE_STN_CONTNAME
:
null
NEAREST_FIRE_STN_CONTNO
:
null
NEAREST_HOSP_CONTNO
:
null
NEAREST_HOSP_NAME
:
null
NEAREST_POLICE_STN_CONTNO
:
null
NEAREST_POLICE_STN_NAME
:
null
NIGHT_SEC_GUARD_NAME
:
"Nadeem Khan"
NIGHT_SEC_GUARD_NO
:
"8898585969"
NO_OF_CAMERA
:
null
NO_OF_POS
:
null
PATROL_PARTY_NAME
:
"Abusad shaikh"
PATROL_PARTY_NO
:
"7204852360"
RRSOC_ID
:
27934
SECURITY_SUP_MOBNO_STORE
:
null
SECURITY_SUP_NAME_STORE
:
null
SIGNET_IP_ADDRESS
:
null
SITE_STORE_FORMAT
:
"My Jio Store"
SLP_STATE_ECNUMBER
:
"50030992"
SLP_STATE_EMAILID
:
"Devendra.Ingle@ril.com"
SLP_STATE_HEAD
:
"Devendra Ingle"
SLP_STATE_HEAD_NO
:
"9168546754"
SLP_ZONAL_ECNUMBER
:
"50023405"
SLP_ZONAL_EMAILID
:
"Ajay.Dhawan@ril.com"
SLP_ZONAL_HEAD_NAME
:
"Ajay Dhawan"
SLP_ZONAL_HEAD_NO
:
"7021051806"
STATE
:
"Mumbai"
STATE_HEAD_OPS_NAME
:
null
STATE_HEAD_OPS_NO
:
null
STORE_ADDRESS
:
null
STORE_ASST_MANAGER_MOBNO
:
null
STORE_ASST_MANAGER_NAME
:
null
STORE_CODE
:
"AC-12345"
STORE_EMAILID
:
null
STORE_MANAGER_NAME
:
null
STORE_SITENAME
:
null
STORE_SITENAME_LANDL_1
:
null
STORE_SITENAME_LANDL_2
:
null
STORE_SPACE_SQFT
:
null
SUPERVISOR_MOBNO
:
null
SUPERVISOR_NAME
:
null
JSON
[{"RRSOC_ID":27934.0,"STORE_CODE":"AC-12345","STATE":"Mumbai","CITY":"Mumbai","SITE_STORE_FORMAT":"My Jio Store","STORE_SITENAME":null,"STORE_SITENAME_LANDL_1":null,"STORE_SITENAME_LANDL_2":null,"STORE_ASST_MANAGER_NAME":null,"STORE_ASST_MANAGER_MOBNO":null,"STORE_MANAGER_NAME":null,"MANAGER_MOBNO":null,"EMP_NEAREST_STORE":null,"EMP_NEAREST_STORE_MOBNO":null,"SUPERVISOR_NAME":null,"SUPERVISOR_MOBNO":null,"SECURITY_SUP_NAME_STORE":null,"SECURITY_SUP_MOBNO_STORE":null,"NAME_ALIGNED_LPO":null,"LPO_MOBILENO":null,"ALPM_ALPO_NAME":"Sanjay kumar Mishra","ALPM_ALPO_MOBNO":"9766002405","AREA_MANAGER_NAME":null,"AREA_MANAGER_MOBNO":null,"SLP_ZONAL_HEAD_NAME":"Ajay Dhawan","SLP_ZONAL_HEAD_NO":"7021051806","DVR_IP_ADDRESS":null,"SIGNET_IP_ADDRESS":null,"NEAREST_POLICE_STN_NAME":null,"NEAREST_POLICE_STN_CONTNO":null,"NEAREST_HOSP_NAME":null,"NEAREST_HOSP_CONTNO":null,"NEAREST_FIRE_STN_CONTNAME":null,"NEAREST_FIRE_STN_CONTNO":null,"STORE_SPACE_SQFT":null,"STORE_ADDRESS":null,"LAUNCH_DATE":null,"CST_TIN_NO":null,"STORE_EMAILID":null,"NO_OF_POS":null,"NO_OF_CAMERA":null,"DVR_MODEL_GESECURITY":null,"CAMERA_MODEL":null,"ALIGNED_LPO_MAILDID":"Sanjay.Mishra@ril.com","FACILTY_TEAMNAME":null,"FACILITY_TEAMNO":null,"STATE_HEAD_OPS_NAME":null,"STATE_HEAD_OPS_NO":null,"LPA":null,"SLP_STATE_HEAD":"Devendra Ingle","SLP_STATE_HEAD_NO":"9168546754","CREATED_BY":"NADEEM5.KHAN","CREATED_DATE":"2018-05-16T15:33:25","LAST_UPDATED_BY":"NADEEM5.KHAN","LAST_UPDATED_DATE":"2018-05-16T15:33:25","ISACTIVE":"Y","LATITUDE":null,"LONGITUDE":null,"DELETED_BY":null,"SLP_STATE_EMAILID":"Devendra.Ingle@ril.com","SLP_ZONAL_ECNUMBER":"50023405","SLP_ZONAL_EMAILID":"Ajay.Dhawan@ril.com","SLP_STATE_ECNUMBER":"50030992","ALPM_ALPO_ECNUMBER":"50007837","IS_STORE_IN_MALL":"Yes","MALL_CONTROL_ROOM_NO":"9821283975","IS_NIGHT_SEC_GUARD_AVAIL":"Yes","NIGHT_SEC_GUARD_NAME":"Nadeem Khan","NIGHT_SEC_GUARD_NO":"8898585969","IS_NIGHT_PATROL_PARTY_AVAIL":"Yes","PATROL_PARTY_NAME":"Abusad shaikh","PATROL_PARTY_NO":"7204852360"}]
推荐答案
解决方案:-您缺少select元素的option元素，并且还需要更新返回的JSON数据，请尝试以下代码.
Solution:- You were missing the option element of select element and also you need to update returning JSON data, try the following code.
var ele = document.getElementById('ddlStateView');
for (var i = 0; i < getJSONValue.STATE.length; i++) {
// POPULATE SELECT ELEMENT WITH JSON.
ele.innerHTML = ele.innerHTML +
'<option value="' + STATE[i]['ID'] + '">' + STATE[i]['STATE_NAME'] + '</option>';
}
这篇关于使用Jquery从JSON数据的下拉列表中未设置值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
