たとえば、sweetalert2を使用してラベルとドロップダウンを同じ行に揃えることができる場所を探しています。
これを実現するためにカスタムラベルを追加しようとしましたが、別の行に表示され、[OK]ボタンをクリックして選択したドロップダウンをコンソール表示したいと思います。
以下は私のstackblitzです。
https://stackblitz.com/edit/angular-sweetalert-dropdown
inputLabel+customClassパラメータを使用します:
inputLabel
customClass
Swal.fire({ title: 'Select + label in one row', input: 'select', inputOptions: { apples: 'Apples', bananas: 'Bananas', oranges: 'Oranges' }, inputLabel: 'Select a fruit', customClass: { input: 'inline-flex', inputLabel: 'inline-flex' } })
.inline-flex { display: inline-flex !important; margin: .5em !important; }
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
についてもっと読むcustomClass:https://sweetalert2.github.io/#customClass
プレーン/スタイル付きのhtmlを使用して、次のように通常どおりドロップダウン値をキャッチできます。
Swal.fire({ showCancelButton: true, type: "warning", html: ` select reason <select name="cars" id="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>`, preConfirm: function() { var elm = document.getElementById("cars"); alert(elm.value); // use user selected value freely } });
ケイト・ブランシェットは、夫に会ったとき、典型的な交際のアドバイスに逆らいました。
マイケルシーンは非営利の俳優ですが、それは正確にはどういう意味ですか?
特徴的なスターのコリン・エッグレスフィールドは、RomaDrama Liveでのスリル満点のファンとの出会いについて料理しました!加えて、大会での彼のINSPIREプログラム。
ノーザンエクスポージャーが90年代の最も人気のある番組の1つになった理由を確認するには、Blu-rayまたはDVDプレーヤーをほこりで払う必要があります。
The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!
BionicReadingアプリの人気が爆発的に高まっています。しかし、それは本当にあなたを速読術にすることができますか?
ドミニカのボイリング湖は、世界で2番目に大きいボイリング湖です。そこにたどり着くまでのトレッキングは大変で長いですが、努力する価値は十分にあります。
サロンからのヘアトリミングや個人的な寄付は、油流出を吸収して環境を保護するのに役立つマットとして再利用できます。
マーク・ザッカーバーグは2018年4月に議会で証言しました。数年前、ポール・セグリアという男がFacebookのCEOであるマーク・ザッカーバーグに対して数百万ドルの訴訟を起こしました。 -サイトの所有権。
ジェッツとスキンズは、日曜日の午後、ワシントンのリッチモンドトレーニングキャンプでの合同練習に参加しました。たまたま、2つのチームの間で事態が熱くなり、いくつかの小競り合いが発生し、最終的には大騒ぎになりました。ワシントンの攻撃的なプレーが終了した後、プレーヤーはお互いに叫んでいたようです。ワシントンの後半のヒットはモーガンモーゼスに取り組みます。
エドワードノートンは、ジョナサンレセムのジョイシアン1999年の小説マザーレスブルックリンが出版されて以来、スクリーンに登場させたいと考えていました。20年後の今、ハードボイルドストーリーの予告編が到着しました。これは、レセムのストーリーを1950年代に戻し、多くの見慣れた顔を牽引します。
事件の芸術的な再現。いいえ、ShaukatYousafzaiは毛皮ではありません。
イーサン プラスの誕生日のお祝いは、TLC のウェルカム トゥ プラスビルのシーズン 4 のフィナーレで、戦争中の母親のキム プラスと妻のオリビア プラスを結びつけました。
Nicky Hilton Rothschild's luggage got lost, but luckily she has an incredible closet to shop: Sister Paris Hilton's!
ケイト・ミドルトンはロンドンの水辺で 1 日を過ごし、ジェニファー・ロペス、ジュリアン・ハフなども。ハリウッドからニューヨークまで、そしてその間のあらゆる場所で、お気に入りのスターの活躍をご覧ください!
捜査官は、グループと容疑者が攻撃の前にお互いを知っていたかどうかを調べています
2021 年には、サービスを提供する顧客と顧客に伝えるストーリーについて知っていることをすべて再考することをお勧めします。あとずさりする。
フェリックス ザ キャットの 9 歳の誕生日の日に、大人になってからの最大の損失の 1 つである 2013 年のソフィーを思い出します。私はこのエッセイを書き、2013 年にこのプラットフォームで簡単に共有しました。
私は「列車事故」という言葉が嫌いです。人々は自分自身の道徳的羅針盤に安らぎを覚え、そうすることで自分自身が判断を下していることに気づきます。
この投稿では、DFINITY チームの分散型クラウドのビジョンと、それが従来のブロックチェーンやアマゾン ウェブ サービスなどの既存のクラウド プロバイダーとどのように関連しているかを探ります。大規模なネットワークによって適用される DFINITY テクノロジのデモンストレーションが 2017 年の秋に行われ、その後、非営利財団を支援するための主要な資金調達が行われ、「オープン クラウド」ネットワークは 2018 年の初夏に開始される予定です。 .