Cara menggunakan dropdown javascript

Question

Untuk beberapa alasan, saya tidak bisa membuatnya bekerja.

Daftar opsi saya diisi secara dinamis menggunakan skrip ini:

function addOption(selectId, value, text, selected) {
    var html = '<option value="'+value+'">'+text+'</option>';
    if (selected == "on") {
        html = '<option value="'+value+'" selected="selected">'+text+'</option>';
    }
    $('#'+selectId).append(html);
}

function addSalespersonOption(id, name, defsales) {
    addOption('salesperson', id, name, defsales);
}

Ini HTML-nya:

<td class="text-r"><label for="salesperson">Salesperson:</label></td>
<td>
    <select id="salesperson">
        <option value="">(select)</option>
    </select>
</td>

Sejauh ini, outputnya adalah:

<option value="1266852143634" selected="selected">Eric Hunt</option>

DOM menunjukkan ini:

index              2
disabled           false
value              "1266852143634"
text               "Eric Hunt"
selected           false
defaultSelected    true

Tetapi untuk beberapa alasan, ketika halaman dimuat, dropdown tidak menampilkan Eric Hunt sebagai yang dipilih sebelumnya. Tidak ada apa pun dalam hal ini.

Bagaimana saya bisa mendapatkan "terpilih benar" daripada "defaultSelected true"?

EDIT: Ternyata, kode di atas berfungsi dengan baik, berkat bantuan deceze dan rosscj2533 jawaban dari bawah. Satu-satunya alasan itu tidak berhasil bagi saya adalah, saya menemukan kode Ruby yang menimpa elemen pilih.

Terima kasih atas bantuan semua orang dalam hal ini,

Tepuk tangan

Hallo sahabat Dumetschool, semoga sehat selalu dan tetap semangat yaaa. Pada kesempatan kali ini saya akan membagikan tutorial tentang Cara membuat dropdown dengan Javascript, menu dropdown merupakan submenu utama yang tidak ditampilkan dengan tujuan agar terlihat rapi pada tampilan website. Dalam kasus ini saya akan membuat sebuah tombol dimana saat di klik submenu akan langsung muncul.Baiklah supaya tidak penasaran lagi mari ikutin langkah pembuatannya seperti berikut:

Langkah yang pertama sahabat siapkan terlebih dahulu struktur HTML nya,dan lihat script dibawah ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<!DOCTYPE html>

<head>

<title>Cara Membuat Tombol Menu Dropdown Dengan Javascript</title>

</head>

<body>

<span>Menu Dropdown</span>

<li><ahref="">MenuI</a></li>

<li><ahref="">MenuV</a></li>

</ul>

</div>

</body>

</html>

Langkah yang kedua ketikan untuk Style CSS berikut ini

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

<style>

body{

margin:0;

padding:0;

font-family:sans-serif;

}

.box{

position:absolute;

top:25%;

left:50%;

transform:translate(-50%,-50%);

}

span{

padding:10px;

position:relative;

width:250px;

height:80px;

font-size: 24px;

background:#3BF2C8;

color:#FFFFFF;

border:none;

box-shadow:none;

outline: none;

cursor:pointer;

}

ul{

position:absolute;

margin:10px0;

padding: 0;

width:100%;

background:#DFFD01;

transform-origin:top;

transform:perspective(1000px) rotateX(-90deg);

transition:0.5s;

}

ul.klik{

transform:perspective(1000px)rotateX(0deg);

}

ul li{

list-style:none;

}

ul li a{

display:block;

padding:10px;

text-align:center;

text-decoration:none;

background:#FC3497;

color:#FFFFFF;

border-bottom:1px solidrgba(0,0,0,.3);

}

ul li a:hover{

background:#3A26F0;

}

</style>

Langkah selanjutnya perhatikan script dibawah berikut

Untuk script diatas saya menggunakan link JQuery CDN yang bisa dicopy disini, dan script selanjutnya digunakan untuk fungsi klik pada tag span serta class baru (sebuah toggle) klik untuk sebuah element html ul.

Jadi jika sudah selesai mengetikan script diatas ,berikut hasil tampilanya :

Demikian tutorial tentang Cara membuat dropdown dengan Javascript, semoga bermanfaat dan selamat mencoba.

terima kasih

kode javascript