// select选择不同提示内容
document.addEventListener('DOMContentLoaded', function() {
var selectElement = document.getElementById('id_sic_method');
var spanElement = document.getElementById('sic_method_tip');
selectElement.addEventListener('change', function() {
var selectedIndex = selectElement.selectedIndex;
var option = selectElement.options[selectedIndex];
var selectedOptionKey = option.getAttribute('key');
// 根据选项的 key 值更新 span 的 title
switch(selectedOptionKey) {
case '1':
spanElement.setAttribute('title', 'Repeat the work');
break;
case '2':
spanElement.setAttribute('title', 'Witness the job');
break;
case '3':
spanElement.setAttribute('title', 'Check proof on site');
break;
case '4':
spanElement.setAttribute('title', 'Validation of result');
break;
case 'N/A':
spanElement.setAttribute('title', 'N/A');
break;
default:
spanElement.setAttribute('title', '');
break;
}
});
});
[ 原生select选择不同提示内容 ]
发表评论
188 views