jquery - JQuery は新しいオプションに追加データを追加します

Question

JQuery の新しいオプションに追加のデータを追加する可能性があるかどうかを知りたいです。いくつかの選択オブジェクトを取得し、動的にコンテンツを追加します:

select.append(new Option(item.name, item.id))

たとえば、次のような HTML を生成します。

<option value="22">Uniqa OC Zawodu</option>

オプションにデータを追加したいので、HTML は次のようになります。

<option value="22" data-url="some_data">Uniqa OC Zawodu</option>

Answer 1

あなたが持っているのはバニラのJavaScriptで、jQueryライブラリを使用していません。jQuery を使用すると、オブジェクトを渡すことができます。オブジェクトのプロパティは、対応する DOM プロパティにマップされます。data-*プロパティは jQuery によって内部的にキャッシュされ、属性として DOM に追加されないため、表示されないことに注意してください。

$('<option/>', {
    text: 'Uniqa OC Zawodu',
    value: 22,
    data: {
      url: 'some_data',
      whatever: 1 
    }
}).appendTo(select);

プロパティを取得するには、次のメソッドdata-*を使用できます。.data()

var url = $('option').data('url');

Answer 2

次のようなことを試しましたか

$('option').attr('data-url','some_data');