selectプルダウンボックスプラグインjquery.editable-select詳細
プロジェクトに必要なものがあります。ドロップダウンしてもいいし、手動で記入してもいいです。
htmlコード
パラメータ
filter optionを選択した後、フィルタするかどうか デフォルトtrue
effects クリック時に、枠を下げる移行効果 default、slade、fadeの3つの値があります。デフォルトはdefaultです。
duration 移行効果時間 デフォルトはfast 値はfastとslowでもいいし、数字でもいいです。
アプリTo フレームを下に引くと、フレームの効果が上がります。この値が使えます。どこに読み込まれますか?
トリガー コンボリストのトリガー値は「focus」、「manaual」です。 デフォルトはfocusです
方法
onCreate:ediable Selectメソッドが有効になったらトリガします。
on Show:コンボが出現するとトリガします。
onHide:フレームを下に隠した時にトリガします。
onSelect:ドロップダウンボックスのオプションが選択されたときにトリガされます。
参照先:
https://www.npmjs.com/package/jquery-editable-select npm取付け
http://indrimuska.github.io/jquery-editable-select/ demoアドレス
https://github.com/zhaobao1830/jquery-editable-select ダウンロード
以上が本文の全部です。本文の内容は皆さんの学習や仕事に一定の助けをもたらしてくれると同時に、私達を応援してください。
htmlコード
<span> </span>
<select class="source">
<option value="0"> </option>
<option value="1"> </option>
</select>
jsコード
$('#noMean').editableSelect({
filter:false,
effects: 'fade',
duration: 200,
onCreate:function () {
console.log(" ")
},
onShow:function () {
console.log(" ")
},
onHide:function () {
console.log(" ")
},
onSelect:function () {
console.log(" ")
}
}
値を取得$(".noMean").val()
このプラグインを使ったら、これはinputで、type="text"です。パラメータ
filter optionを選択した後、フィルタするかどうか デフォルトtrue
effects クリック時に、枠を下げる移行効果 default、slade、fadeの3つの値があります。デフォルトはdefaultです。
duration 移行効果時間 デフォルトはfast 値はfastとslowでもいいし、数字でもいいです。
アプリTo フレームを下に引くと、フレームの効果が上がります。この値が使えます。どこに読み込まれますか?
トリガー コンボリストのトリガー値は「focus」、「manaual」です。 デフォルトはfocusです
方法
onCreate:ediable Selectメソッドが有効になったらトリガします。
on Show:コンボが出現するとトリガします。
onHide:フレームを下に隠した時にトリガします。
onSelect:ドロップダウンボックスのオプションが選択されたときにトリガされます。
参照先:
https://www.npmjs.com/package/jquery-editable-select npm取付け
http://indrimuska.github.io/jquery-editable-select/ demoアドレス
https://github.com/zhaobao1830/jquery-editable-select ダウンロード
以上が本文の全部です。本文の内容は皆さんの学習や仕事に一定の助けをもたらしてくれると同時に、私達を応援してください。