select預設選中

2021-08-06 02:11:41 字數 1204 閱讀 5396

首先初始化乙個select

<

select

id=

"issendtext"

name=

"issendtext"

class="selector"

>

<

option

value =

"-1"

>

請選擇option

>

<

option

value =

"0"

>

option

>

<

option

value=

"1"

>

option

>

select

>

1、設定value為0的項選中

$("#

issendtext

").val("0");

$(".selector").val("0");

2、設定text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",

true);

這裡有乙個中括號的用法,中括號裡的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();

$("#

issendtext

").val();

4、獲取當前選中項的text

$(".selector").find("option:selected").text();

select預設選中

如果使用的是vue,和elementui,那麼select下拉框直接使用 v model屬性.這樣的話下拉框會自動選中那個v model繫結的值。v model繫結的值是可以自己定義或者是從後端查詢出來傳入前台form表單中的某個屬性的值。像這樣 如果是使用的html jquery 1.通過id獲取...

select自動選中

篩選var typeid var bigclassid var smallclassid typeid option value typeid attr selected true typeid change bigclassid option value bigclassid attr selec...

select 選中 事件 值

選中的值 select選擇器 val select選擇器 find option selected val 選中的文字 select選擇器 find option selected text 選中的索引 someid prop selectedindex 理解 selectedindex是dom的固...