datos json:
["string 1","string 2","test 07 ","here is test"]y esto es html
<select class="selectpicker" id="ddl_location"> <option select="selected">Select Location </option> </select>y aquí está el código JQuery
for (var i = 0; i < jsonData.length; i++) { $("#ddl_location").append('<option value="' + jsonData[i] + '">' + jsonData[i] + '</option>'); }el problema es que
los datos no se completan en la lista desplegable
después de solucionar el problema, la solución fue:
var jsonData = JSON.stringify(data); $.each(JSON.parse(jsonData), function (idx, obj) { $("#ddl_location").append('<option value="' + obj.id + '">' + obj.location + '</option>').selectpicker('refresh'); }); paso 1: stringify objeto recibido
paso 2: use cada función en lugar de bucle for
paso 3: analice los datos usando JSON.parse(jsonData )
paso 4: actualice la lista desplegable cada vez que agregue datos a la lista desplegable usando .selectpicker('refresh')
recuerda añadir $select.append(data).selectpicker('refresh'); cuando no obtiene datos, rellene en el menú desplegable
El código parece funcionar correctamente.
var jsonData = ["string 1", "string 2", "test 07 ", "here is test"]; for (var i = 0; i < jsonData.length; i++) { $("#ddl_location").append('<option value="' + jsonData[i] + '">' + jsonData[i] + '</option>'); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="selectpicker" id="ddl_location"> <option select="selected">Select Location </option> </select>