「JavaScript」タグアーカイブ

Rails: selectボックスでrequired: trueにしたときinclude_blank: falseがきかない

Rails: 5.2.2
Ruby: 2.5.3

題名の通り。今回やりたかったことは「選択してください」みたいな選択肢を入れるので空白の選択肢は必要なかった。

そういうものらしい？

なので空白の選択肢をjavascriptで消すか、今回の場合は空白の選択肢にテキストをjqueryで挿入した。

$('#form-hogehoge option').each(function(index, element){
  if($(element).val() === '') {
    $(element).text('選択してください');
  }
});

先日 import 関連の記事を書きましたが

そもそも import 'hogehoge' と import('hogehoge') があることを知りませんでした。

まず require('hogehoge') と import 'hogehoge' の違い

基本的に書き方や出処が違うだけで同じ機能。

次に import 'hogehoge' と import('hogehoge')

括弧がある方は動的読み込みなんですね。であれば前回記事のも納得できる。

BootstrapのModal内でSelect2を使うとレイアウトが崩れてしまう。

Modalの tabindex = -1 を取るといいというのもあるらしいが、それをしてもレイアウトが崩れて困っていたが以下のリンクの通りすればいけた。

$('.hoge').select2({
dropdownParent: $('.fuga')
})