Как использовать значение из <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'
}
]
});
});
},

Patrick Paul
1
Все ответы на вопрос
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; //это получит текст выбранного варианта

hcheung
339
26 янв. 2017 г. 15:23:46
Похожие вопросы
0
ответов