㈠ js中怎么得到select的值
var selectText = document.getElementById("sect").options[selectIndex].text //获得被选中的项目的文本,即显示值
㈡ 怎么用js动态 设置select中的某个值为选中值
用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'。
(2)js设定select的值扩展阅读
js动态设置Select中Option选中
/** *设置select选中
*@paramselectIdselect的id值
*@paramcheckValue选中option的值
*@authorlqy */
functionsetSelectChecked(selectId,checkValue){
varselect=document.getElementById(selectId);
for(vari=0;i<select.options.length;i++){
if(select.options[i].innerHTML==checkValue){
select.options[i].selected=true;
break; } } };
㈢ 如何通过js动态设置select中option选中
获取select标签来,设置源它的value值和option的value值相同
<select name="" id="test" value="one">
<option value="one">one</option>
<option value="two">two</option>
</select>
<button id="btn">改变选中状态</button>
<script type="text/javascript">
var select = document.querySelector('#test');
var btn = document.querySelector('#btn');
btn.onclick = function () {
if (select.value === 'one') {
select.value = 'two';
} else {
select.value = 'one';
}
}
</script>
㈣ 用js能设置<select>lt;/select>的默认值吗
可以,抄例如:
<selectid="select1">
<optionvalue="1">val1</option>
<optionvalue="2">val2</option>
<optionvalue="3">val3</option>
</select>
<scripttype="text/javascript">
varselect1=document.getElementById("select1");
select1.value=3;//方式1
select1.selectedIndex=1;//方式2
</script>
㈤ js select 选中改变显示数值
<script>
vararr=[{"id":"28","url":"a.com","name":"A-站"},{"id":"22","url":"a.com","name":"B-站"}];
window.onload=function(){
document.getElementById("id").onchange=function(){
varv=this.value;
vara=arr.filter(function(o){returno.id==v;})[0];
document.getElementById("name").innerHTML="ID:"+a.id+"<br>URL:"+a.url+"<br>NAME:"+a.name;
}
}
</script>
<selectname="id"id="id">
<optionvalue="">选择线路</option>
<optionvalue="28">线路1</option>
<optionvalue="22">线路2</option>
</select>
<divid=name></div>
㈥ js select 设固定值问题
不知理解是否正确。在JS里面判断Id是否为null,作为新增或修改的标志就可以了呀
㈦ 中js想动态设置select选中的值怎么弄
可以使用javascript和jQuery两种实现方式
1:使用javascript实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<select name="jumpMenu" id="jumpMenu" onChange="jumpMenu('parent',this,0)">
<option id="1" value="跳转URL">111</option> // 111 是显示给用户的信息
<option id="2" value="跳转URL">222</option>
<option id="3" value="跳转URL">333</option>
<option id="4" value="跳转URL">444</option>
<option id="5" value="跳转URL">555</option>
</select>
<script type="text/javascript">
function display(optionID){
var all_options = document.getElementById("jumpMenu").options;
for (i=0; i<all_options.length; i++){
if (all_options[i].id == optionID) // 根据option标签的ID来进行判断 测试的代码这里是两个等号
{
all_options[i].selected = true;
}
}
};
display("4");
</script>
</body>
</html>
2:使用jQuery实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<select name="jumpMenu" id="jumpMenu" >
<option value="1">111</option> // 111 是显示给用户的信息
<option value="2">222</option>
<option value="3">333</option>
<option value="4">444</option>
<option value="5">555</option>
</select>
<script type="text/javascript" src="js/jquery1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
// $("#jumpMenu").val(要选中的option的value值即可);
$("#jumpMenu").val(4);
});
</script>
</body>
</html>
㈧ JS select 设定 option 的值
<selectname="a"id="ss">
<optionvalue="1">1</option>
<optionvalue="2">2</option>
</select>
//...引入来jQuery
<script>
varsl=$("#ss");
varops=sl.find("option");
ops.eq(0).val("8").text("修改自显示的值").prop("selected",true);//eq里面索引值随便改0是第一个jq1.6版本后选中状态就改为prop不是attr了。
</script>
㈨ JS如何动态给select的option赋值
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<script type="text/javascript">
function change (){
var sel = document.getElementById('sel');
sel.options[0].value = 111;
sel.options[0].text = 111;
}
</script>
</head>
<body>
<select id="sel" style="width:100px;">
<option value="1">1</option>
</select>
<a href="javascript:change();">UPDATE</a>
</body>
</html>
看看是不是你想要的效果,可以根据自己的需求修改一下。