HTML массив данных - PullRequest
Новая
       0

HTML массив данных

0 голосов
/ 12 января 2020

Пожалуйста, помогите мне изменить путь к коду, чтобы раскрывающийся список изменялся при добавлении новых элементов в массив. Я боролся с этой проблемой в течение половины дня. Теперь я должен добавлять каждый раз вручную. Я пытался найти ответ в SO, но все мои попытки изменить часть кода оказались неудачными. Мне кажется, что я до сих пор не понимаю логи c из HTML Заранее спасибо!

js кодовая часть: 

  t.DropdownList = (values); // loading every time before html starts

HTML кодовая часть : 

   <div class="demo" >
   <style type="text/css"> .demo { margin: 30px ; color : grey ; font-family : 
   arial sans-serif ;font-size : 10pt } 
                            o { color : red ; font-size : 14pt } 
                            r { color : gray ; font-size : 14pt } 
   </style>

   <h1>Передача клиента:</h1> <br>
   <h1><?= ClientName ?></h1> <br>
   <r>Адрес:</r>
   <r><?= ClientAdress ?></r> <br>
   <r>Менеджер клиента:</r>
   <o><?= Manager ?></o> <br>
   <br>

   <form id='myForm'>

   <label for="managers-choice">Выберите менеджера для передачи клиента:</label>
   <input list="managers" id="dropdownlist" name="dropdownlist" />
   <input 


  onclick="google.script.run.Message02(document.getElementById('myForm'));myFuncti on();this.disabled=true" type="button" value="Передать" />

    </form>

    <datalist id="managers">
    <option value =<?=DropdownList[0]?> > // in this place I need help, because if the next load the array is shorter, then I will get an undefined result.
    <option value =<?=DropdownList[1]?> >
    <option value =<?=DropdownList[2]?> >
    <option value =<?=DropdownList[3]?> >
    <option value =<?=DropdownList[4]?> >
    <option value =<?=DropdownList[5]?> >
    </datalist>

    <script>
    $('#dropdownlist').datepicker({ dateFormat: 'dd.mm.yy' });

    function myFunction() {
      var b = document.getElementById('result');
      b.innerHTML = 'Менеджер выбран.';
      document.getElementById('dropdownlist').disabled = 'disabled';
      //alert('The output has been modified');
      return;
    }
    </script>

    <body>
    <div id="result">Вы еще не выбрали менеджера.</div>
    </body> 

    </div>

1 Ответ

1 голос
/ 12 января 2020

Вот как я это делаю:

JavaScript: 

 $(function(){
     google.script.run
     .withSuccessHandler(function(rObj){
       grObj=rObj;
       updateSelect(grObj.mnA);
     })
     .getRecipeList1();//google apps script function on server
    });
    function updateSelect(vA,id){
      var id=id || 'sel1';
      var select = document.getElementById(id);
      select.options.length = 0; 
      for(var i=0;i<vA.length;i++)
      {
        select.options[i] = new Option(vA[i],i);
      }
    }

Таким образом, он всегда получает последний список при каждой загрузке страницы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...