Блог

Я генерирую интерфейс динамически, и когда я ввожу текстовый ввод, я показываю рядом с ним кнопку с всплывающим окном и списком внутри с некоторыми вариантами выбора. Таким образом, пользователь может ввести свой собственный текст или выбрать его из всплывающего окна.

Ну, проблема в том, что когда я создаю интерфейс, я использую идентификатор номер для каждой пары текстовое поле всплывающая кнопка, так что, например, у меня есть:

  #Text-input1 and popup with id=1.
  

Что я пытаюсь сделать, так это: когда я выбираю один вариант из своего списка, я заполняю связанный текстовый ввод значением выбора. В моем списке у меня есть что-то вроде этого:

   <li><a onclick="fillText(' myid ',' "'myvalue'" ')"</a>Myvalue1</li>
  

И моя функция должна это делать:

  $('#text-input1').val('myvalue')
  

Итак, я попытался с этим:

     function fillText(id, text){
       document.execCommand("$('#text-input" id "').val('" text "')");
    }
  

Но это не работает. Я уверен, что это простой способ сделать это, возможно, с помощью функции document on click в jQuery, но я ее пока не вижу.
Я протестировал, чтобы поместить непосредственно $(‘#text-input1’).val(‘myvalue’); внутри моей функции и ее работы.

Попробуйте это:

js

 function fillText(id, text){
   document.execCommand($("#text-basic" id).val(text));
}
  

скрипка

У вас есть некоторые ошибки в вашей функции js. Я их исправил.