js設定select的值_怎麼用js動態設置select中的某個值為選中值

㈠ 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的值

js設定select的值

與js設定select的值相關的資料

友情鏈接