select基本的取值,賦值及清空

2021-07-29 09:36:00 字數 1243 閱讀 2482

1.獲取select被選中的option的值

js實現

var selected = document.getelementbyid('selectedid'); //定位id

var index = selected.selectedindex; // 選中索引

var text = selected.options[index].text; // 選中文字

var value = selected.options[index].value; // 選中值

jquery實現

第一種方式

$('#selectid option:selected').text();//選中的文字

$('#selectid option:selected') .val();//選中的值

$("#selectid ").get(0).selectedindex;//索引

第二種方式

$("#selectid").find("option:selected").text();//選中的文字

$("#selectid").find("option:selected").val();//選中的值

$("#selectid").find("option:selected").get(0).selectedindex;//索引

2.給select動態新增值

第一種方法

var select = document.getelementbyid("selectid");

var item = new option(text,val);

select .add(item);

第二種方法

var item =$('');  

for(var i=0;i<5;i++)

3.將select的值清空

js實現

方法一document.getelementbyid("selectid").options.length = 0; 

方法二document.formname.selectname.options.length = 0;

方法三document.getelementbyid("selectid").innerhtml = "";

jquery實現

方法一$("#selectid").find("option").remove(); 

方法二$("#selectid").empty();

方法三$("#selectid").html("");

select2 多選取值 賦值

多選取值 function getmultiselectval id join 多選賦值 設定下拉框預設值 param id param data function setmultiseleceval id,data 呼叫 projectclassify select2 val 2c90930f63...

Jquery給基本控制項的取值 賦值

jquery給基本控制項的取值 賦值 與 textbox var str txt val txt val set lbl value 文字框,文字區域 text id attr value 清空內容 text id attr value test 填充內容 lable var str lbl tex...

JQuery 給基本控制項的取值,賦值

textbox var str txt val txt val set lbl value 文字框,文字區域 text id attr value 清空內容 text id attr value test 填充內容 lable var str lbl text lbl text set lbl va...