我们使用javascript实现js动态设置select中的某个值为选中值,操作如下:
使用javascript实现:
// 111 是显示给用户的信息
function display(optionID){
var all_options = document.getElementById("jumpMenu").options;
for (i=0; i if (all_options[i].id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号 { all_options[i].selected = true; } } }; display("4"); 扩展资料: Js获得元素标签名称的方法: 1、$( this ).get(0).tagName 2、$( this )[0].tagName 3、$( this ).prop("tagName") 4、$( this ).prop("nodeName")
用JS动态设置select的方法如下:
手动通过原生JS来实现:
/**
* 设置select控件选中
* @param selectId select的id值
* @param checkValue 选中option的值
*/
function set_select_checked(selectId, checkValue){
var select = document.getElementById(selectId);
for (var i = 0; i < select.options.length; i++){
if (select.options[i].value == checkValue){
select.options[i].selected = true;
break; } } }
然后通过这样来调用:
// 设置select选中该班组
set_select_checked('edit-group', group_id);
注意:不要传'#edit-group'。
扩展资料
js动态设置Select中Option选中
/** * 设置select选中
* @param selectId select的id值
* @param checkValue 选中option的值
* @author lqy */
function setSelectChecked(selectId, checkValue){
var select = document.getElementById(selectId);
for(var i=0; i if(select.options[i].innerHTML == checkValue){ select.options[i].selected = true; break; } } }; 参考资料来源:MDN web docs 官方网站-HTML select-概要
可以使用javascript和jQuery两种实现方式
1:使用javascript实现
form1.aa.innerHTML = "***";
就可以了,这里form1是form标签的name属性值。
等好右边的东东可以是字符串变量,因此具体加多少个,怎么加,呵呵,楼主应该知道了吧?
IE下面可以。其他浏览器从没试过。
调用方法:SelectElement("leaveCode", valueToSelect)
函数定义:function SelectElement(id, valueToSelect){
var element = document.getElementById(id);
element.value = valueToSelect;
}