Как использовать значение из <select> в модальном окне TinyMCE windowManager?

26 янв. 2017 г., 12:50:33
Просмотры: 1.31K
Голосов: 0

Я использую JavaScript файл для интеграции кнопки с функцией в редактор TinyMCE в моей WordPress среде. Мне нужно получить значение из поля select и использовать его для дальнейших операций. Как я могу получить выбранное значение?

init : function(ed, url)
        {
            ed.addButton('code-hightlight',
            {
              title : 'Подсветка кода',
              cmd : 'code-hightlight-cmd',
              image : url + '/prism-icon.jpg'
            });
            ed.addCommand('code-hightlight-cmd', function()
            {
              tinymce.activeEditor.windowManager.open
              ({
                  title: 'Подсветка кода',
                  width : 300,
                  height : 300,
                  html :
                      '<label>Язык программирования:<select id="programming-language-id" name="programming-language-name" size="1"><option>ABAP</option><option>C#</option><option>CSS</option><option>HTML</option><option>Java</option><option>Javascript</option><option>PHP</option><option>SQL</option></select></label>',
                  buttons: [
                      {
                          text: 'Подтвердить',
                          onclick: function()
                          {
                              var selectedValue = document.getElementById('programming-language-id').value;
                              alert(selectedValue);
                              tinymce.activeEditor.execCommand('mceInsertContent', false, "some text");
                              tinymce.activeEditor.windowManager.close();
                          }
                      },
                      {
                          text: 'Закрыть',
                          onclick: 'close'
                      }
                  ]
              });
            });
        },

Пример модального окна TinyMCE с выбором языка программирования

0
Все ответы на вопрос 1
0

Если я правильно понял ваш вопрос, это больше относится к программированию на Javascript, чем к WordPress.

Чтобы получить значение или текст выбранного варианта HTML-тега select, используйте:

var e = document.getElementById("programming-language-id");
var value = e.options[e.selectedIndex].value;  //ваш код не устанавливает значение option
var text = e.options[e.selectedIndex].text;  //это получит текст выбранного варианта
26 янв. 2017 г. 15:23:46