7

次のような動的オプションをSweetAlert2の入力タイプの選択に追加したいと考えています。

swal({
title: 'Select Ukraine',
input: 'select',
inputOptions: {
  'SRB': 'Serbia',
  'UKR': 'Ukraine',
  'HRV': 'Croatia'
},
inputPlaceholder: 'Select country',
showCancelButton: true,
inputValidator: function(value) {
  return new Promise(function(resolve, reject) {
    if (value === 'UKR') {
      resolve();
    } else {
      reject('You need to select Ukraine :)');
    }
  });
}
}).then(function(result) {
  swal({
    type: 'success',
    html: 'You selected: ' + result
  });
})

これら 3 つの国の代わりに、オブジェクトに保存されている独自のオプションを追加したいと考えています。javascriptを使用してそれを行うにはどうすればよいですか?

4

2 に答える 2

0

まず、モデルの例を作成する必要があります:

{
  "VALUE" : "TEXT",
  "VALUE-2" : "TEXT-2",
  "VALUE-3" : "TEXT-3"
}

取得後のオプションは次のとおりです。

<option value="VALUE">TEXT</option>

次に、モデルを次のように作成する必要があります。

var model = [];

array.foreach(element => {
   model[element.idObject] = element.textObject;
});

swal({
  title: 'Title',
  text: 'Description',
  input: 'select',
  inputOptions: model,
  showCancelButton: true,
  inputPlaceholder: 'Select a option'
}).then(function (inputValue) {
  if (inputValue) {
     console.log(inputValue);
  }
});
于 2022-02-28T23:07:11.940 に答える