刷新后在输入选择中添加了保存选项

save option added in input select after refresh

本文关键字：添加 保存 选项 选择 输入 刷新      更新时间：2023-09-26

我用javascript做了一个函数，可以在输入选择中添加一个选项，如果它不存在，通过选择选项其他，但刷新后选项添加消失，我想保持它刷新后，但我不知道如何做到请如果有人能帮助我，我会非常感激。

下面是我添加选项select的函数: 
  <script type="text/JavaScript"> 
  function AjoutOptionAuSelect(this_select){
      if (this_select.value == "autreVille"){
          var saisie;
          var pass = false;
          do{
              if (pass) 
                  alert("La valeur est incorrecte. Elle ne doit comporter que des lettres.");
              saisie = prompt("Entrer la nouvelle valeur :");
              if (saisie == null) return false;
                  pass = true;
          }
          while (saisie.match(/[^a-z^éèàç]/i) && saisie != "") 
          this_select.options[this_select.length] = new Option(saisie, saisie,true,true);
          for (var i=0; i < this_select.options.length; i++){
              if (this_select.options[i].value == saisie)
              {
                  this_select.options[i].selected = true;
              }
          }
      } 
  }
</script>

和输入select:

  <?= $this->Form->input('ville',
      array(
          'label'=> false,
          'options'   => array('Casablanca'=>'Casablanca','Rabat'=>'Rabat', 'Fès'=>'Fès','Tanger'=>'Tanger','Marrakech'=>'Marrakech',
          'Essaouira'=>'Essaouira','autreVille'=> 'autreVille' ), 
          'class'   => 'form-control ',
          'id'=>'ville',
          'onChange'=> "AjoutOptionAuSelect(this);"
      )
  ); ?>

您应该将带有select选项的数组存储在某处(在文件中，或在数据库中，或内存中)，并且在客户端向您的select添加选项后，您应该向服务器发送ajax请求，以更新您的数组。在下次渲染select时，会有新的选项。

相关文章：