导航:首页 > 编程语言 > js设定select的值

js设定select的值

发布时间:2022-01-20 21:51:59

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>
看看是不是你想要的效果,可以根据自己的需求修改一下。

阅读全文

与js设定select的值相关的资料

热点内容
苹果升级系统白屏 浏览:136
三菱gxplc编程软件如何使用 浏览:710
海康威视手机app怎么看不了 浏览:482
wordpress下载中心插件 浏览:402
微信限制字数是多少 浏览:20
策划输出主要从哪些文件来 浏览:174
网络营销找什么工作 浏览:372
tcl匹配文件名的正则表达式 浏览:461
音频文件数据量为何8 浏览:534
有哪些分享学习的网站 浏览:174
小程序文件发到微信电脑如何打开 浏览:265
四星五星做号工具 浏览:920
qq邮箱怎么发送视频文件 浏览:453
能免费开店的网站有哪些 浏览:548
中国网络营销发展史 浏览:828
违法红头文件有哪些 浏览:43
浏览器单文件版 浏览:982
腾讯视频离线缓存文件 浏览:944
如何让教育过好网络关 浏览:906
新版本vk10001p 浏览:13

友情链接