php - 从 localStorage 中添加选项值

Question

我有一个 localStorage，其结构如下:

[{"id" : "1", "n" : "Ferrari testarrosa"},{"id" : "2", "n" : "Honda prelude"}......] 

我需要使用此 localStorage 中的选项填写选择，以获得:

     <option value='1'>Ferrari testarrosa</option>

PHP

    <?  require('pr13conecta.php');
$cadena="";
ini_set('display_errors',1); error_reporting(E_ALL);
  $cSQL="SELECT ID, CADENA FROM MASIVO;";
  $stmt=$oConni->prepare($cSQL) or die($oConni->error);
  $stmt->execute();                               
  $stmt->bind_result($id, $texto);
  while ($stmt->fetch()) {
      $cadena.='{"id" : "'.$id.'", "n" : "'.$texto.'"},';
  }  
  $stmt->close();
  echo $cadena;

JavaScript

       $.ajax({type: "POST",
       url: "pr13llenaSelect.php",
       success:function(data) {
           localStorage.setItem('selids','['+data+']');
           for (x=0; x<=localStorage.length-1; x++) {
               $('#selCadena').html("<option value="'+localStorage.getItem('selids')+'">"+localStorage.getItem('selids')+"</option>");
           }


       }
   })

Answer 1

这应该可以正常工作

JavaScript

$.ajax({
    type: "POST",
    url: "pr13llenaSelect.php",
    dataType : "json",
    success:function(data) {
        localStorage.setItem('selids',JSON.stringify(data));
        $("#selCadena").empty();
        $.each(JSON.parse(localStorage.selids),function(){
            var thisItem = this;
            $("#selCadena").append(
                $("<option>").attr("value",thisItem.id).html(thisItem.n)
            );
        });
    }
});

还建议在 php 代码中使用 json_encode

PHP

<?  require('pr13conecta.php');
    $cadena=array();
    ini_set('display_errors',1); error_reporting(E_ALL);
    $cSQL="SELECT ID, CADENA FROM MASIVO;";
    $stmt=$oConni->prepare($cSQL) or die($oConni->error);
    $stmt->execute();                               
    $stmt->bind_result($id, $texto);
    while ($stmt->fetch()) {
       array_push($cadena,array("id" => $id, "n" => $texto);
    }  
    $stmt->close();
    echo json_encode($cadena);