Bootstrap-multiselect: Menghapus default yang dipilih untuk tombol radio

Dibuat pada 11 Jul 2013  ·  13Komentar  ·  Sumber: davidstutz/bootstrap-multiselect

Saya menggunakan bootstrap-multiselect dengan tombol radio dan grup opsi alih-alih kotak centang karena saya ingin pengguna hanya memilih satu opsi. Skrip berfungsi dengan baik tetapi opsi pertama di dropdown selalu dipilih, ini hanya terjadi saat menggunakan tombol radio, adakah cara untuk menonaktifkannya?

question

Komentar yang paling membantu

Terima kasih untuk ini ... sedang mencari solusi untuk waktu yang lama - mungkin ini harus disebutkan di dokumen?

Edit: Sekarang ditemukan di dokumen ...

$('select').val('').multiselect(); berfungsi dengan baik sekarang! 👍

Semua 13 komentar

Oke, saya pikir ini adalah perilaku default dari sebagian besar browser, tetapi saya salah, jadi saya melihat sekilas, tetapi tidak dapat menemukan sumbernya - radio tidak secara eksplisit menandai sebagai dicentang oleh plugin ...

Saya pikir itu ADALAH perilaku default untuk browser.
Pikirkanlah, jika Anda menampilkan file

Contoh:

<select id="example1"  size="2">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select> 

Terima kasih atas komentar Anda, akan menambahkan ini ke dokumentasi.

Ada solusi untuk ini?

Cukup setel Indeks yang dipilih ke -1 pada pilihan SEBELUM Anda menjalankan multiSeleksi. Itu menyelesaikannya. :)

Cukup setel Indeks yang dipilih ke -1 pada pilihan SEBELUM Anda menjalankan multiSeleksi. Itu menyelesaikannya. :)

di jQuery, gunakan $ (dom) .val ('') :)

Terima kasih untuk ini ... sedang mencari solusi untuk waktu yang lama - mungkin ini harus disebutkan di dokumen?

Edit: Sekarang ditemukan di dokumen ...

$('select').val('').multiselect(); berfungsi dengan baik sekarang! 👍

Solusi untuk Placeholder.

Setelah panggilan
$ ('# anyId'). val (''). multiselect ();

Anda bisa mengatur ini
$ ('. multiselect-selected-text') [0] .innerHTML = 'Teks apa pun yang Anda inginkan';

@kaladarri @CodeBrauer
`

<script>
$("#tests").multiselect({
    buttonWidth: "206px",
    nonSelectedText: "test is test",
});
$("#tests").val("").multiselect();
</script>
<select id="tests" name="test1">
    <option value="t1">t1</option>
    <option value="t2">t2</option>
    <option value="t3">t3</option>
</select>

`
Pilihan default 't1', Metode ini tidak valid. Apa alasannya?

Saya tahu sudah lama, solusi @CodeBrauer berfungsi tetapi jika Anda memiliki konfigurasi seperti:

$("#mySelect").multiselect({
    buttonClass: "btn btn-default btn-lg btn-block",
   buttonWidth: "100%",
   maxHeight: 400,
});

Saat menambahkan $("#mySelect").val("").multiselect(); Anda akan menyadari bahwa gaya yang Anda tempatkan sebagai properti akan dibuang. Jadi, untuk memperbaikinya, lakukan saja: $("#mySelect").val(""); . Itulah yang disarankan @grunmin .

@fperniavp Terima kasih, $("#mySelect").val("").multiselect();

Menghapus default yang dipilih untuk tombol radio?
function ajaxSelectDataDefault (selectId, requestUrl, requestData) {
$ .ajax ({
ketik: 'POST',
url: requestUrl,
data: requestData,
sukses: fungsi (data) {
var result = eval (data);
$ ("#" + selectId) .val (""). multiselect ('dataprovider', result);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log (XMLHttpRequest, textStatus, errorThrown)
if (XMLHttpRequest.readyState === 4) {
if (XMLHttpRequest.status === 401) {
alert ("ajax gagal:" + errorThrown);
}

        }
    }
});

}

Saya memiliki solusi sederhana dengan menambahkan opsi tersembunyi ke yang pertama.
$('#multiSelect').append( $('<option class="hidden" ></option>') .val("any text you want") );
Selamat bersenang-senang sekarang.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

Jojoshua picture Jojoshua  ·  8Komentar

Furgas picture Furgas  ·  8Komentar

petukhov-ds picture petukhov-ds  ·  6Komentar

zephyx picture zephyx  ·  7Komentar

bartclaeys picture bartclaeys  ·  3Komentar