<select class="form-control" name="role_add" id="role_add" > <option value="" selected>- Select -</option> <option value="1">Term Leader</option> <option value="0">Term Member</option> </select>当用户选择其中一个选项后，对应的值会被提交到服务器上进行处理，该值对应的文本该如何显示在HTML页面？

可以通过JavaScript获取select标签的值，然后将其赋值给其他HTML元素的innerHTML属性来显示对应的文本。例如，可以创建一个p标签，然后通过以下代码将所选项的文本显示在该标签中：

var select = document.getElementById("role_add");
var selectedOption = select.options[select.selectedIndex];
var selectedText = selectedOption.text;
var p = document.createElement("p");
p.innerHTML = "Selected role: " + selectedText;
document.body.appendChild(p);

这段代码首先获取了id为"role_add"的select元素，然后获取当前被选中的option元素，并将其文本赋值给selectedText变量。接着，创建了一个p标签，并将选中的文本插入到其中，最后将该p标签添加到页面的body元素中。