[B! select] kiyo_hikoのブックマーク

kiyo_hiko id:kiyo_hiko

selectに関するkiyo_hikoのブックマーク (21)

ComboBox
<input name="textfield" type="text" class="textField" id="tField0"> <select name="select" class="bsize" id="selBox0" onChange="getSelect(0,this.value)"> <option value="test1">test1</option> <option value="test2">test2</option> <option value="test3">test3</option> </select> <input type="button" class="bsize" value="ボタン" onclick="getText(0)">
kiyo_hiko 2016/05/26
css

combobox

select

datalist

alternative
リンク
jQuery Datalist Plugin
kiyo_hiko 2016/05/26
jQueryでdatalistのようなことやる

html

combobox

select

datalist

jquery
リンク
Javascript：セレクトボックス選択時にページ遷移する | raining
セレクトボックスの値を変更した時に、選択した項目によって別のページに遷移（リンク）させたい場合があります。 Javascriptを使用すれば簡単にページ遷移させることが可能です。 JavaScriptのonChangeイベントを使用し、セレクトボックスの値を変更したら指定のリンク先に遷移するという処理を記述すればOKです。 JavaScriptでページ遷移する方法は「location.href」を使用します。以前に「location.href」の説明を記述しました。下記に記載しています。 Javascript：locationオブジェクトでURL情報を取得するセレクトボックス optionタグのvalueの値を「location.href」にセットするようにします。下記に例を記述します。 ■ セレクトボックス選択時にページ遷移 onChangeはフォームの入力・選択値が変更された時に
kiyo_hiko 2016/05/26
select

event

form

html
リンク
HTML［datalist要素］入力候補のリストを表す - TAG index
datalist要素は、入力欄（input要素）に対する入力候補のリストを表します。入力候補の選択肢は、この要素内に配置するoption要素で示すことになります。 <datalist id="example"> <option value="選択肢1"></option> <option value="選択肢2"></option> <option value="選択肢3"></option> </datalist> 入力候補の設定方法入力候補のリストは、他の入力欄に組み込む形で使用することになります。具体的な設定方法は次のようになります。 datalist要素で入力候補のリストを作成します。そのdatalist要素にID名を指定します。対象となる入力欄（input要素）にlist属性を指定して、その値にdatalist要素に指定したID名を記述します。このID名によって、入力候
kiyo_hiko 2016/05/26
selectタグは自由入力ができないがdatalistならがんばれそう。つよそう

html

form

tag

select

datalist
リンク
jQueryを利用してselected、checkedで選択状態に - matsukaz's blog
jQueryを利用してコンボボックスを選択状態にできないかなって思って調べていたら、selectで指定のものを選択状態にってエントリを発見。早速試してみました。 <select id="col1" name="col1"> <option value="val1">値1</option> <option value="val2">値2</option> <option value="val3">値3</option> </select> ってHTMLに対して $("#col1").val("val2"); って記述でほんとに選択状態にできました。素敵過ぎです。 checkboxとかradioとかはどうなのかと思ったら、こっちは $(".col2[@value=val2]").attr("checked","checked"); って記述でいけるみたい。これまたシンプル！ HTML中にsel
kiyo_hiko 2016/05/10
optionダグにいちいちselectedしなくてもselectのvalでいいという話。いい

jquery

select

option

radiobutton

checkbox
リンク
[51] セレクトメニューを作ろう（select・option・optgroup要素）
[51] セレクトメニューを作ろう（select・option・optgroup要素）最終更新日：2018年03月28日（初回投稿日：2013年09月20日） <select>要素で、ユーザにリストから選択してもらう「セレクトメニュー」を作ります。メニューのリスト（選択肢）には<option>要素を使うので<select>と<option>は必ずセットで使います。また、<optgroup>要素は、リストをグループ分けしたいときに使います。この<select>要素のいちばんの特徴は、size属性の値によってカタチが変わること！ size属性の値が「1」なら、プルダウンメニューに size属性の値が「2以上」で、リストボックスになります。 size属性は、表示する行数を指定する属性で、デフォルトが「1」です。なので、size属性を指定しなければ <select>は「プルダウンメニュ
kiyo_hiko 2016/05/10
size=2以上にするとリストボックス化する

html

5

select

option
リンク
[JavaScript] jQueryでselect要素を操作
jQueryでselect要素(id="select-id"とする)が持つoption要素をすべて取得するには、children関数を使います。 var options = $('#select-id').children(); option要素の先頭を取得するには、さらにfirst関数を使います。 var options = $('#select-id').children(); var firstOptions = options.first(); 選択されているoptionを取得するには、以下のようにします。 var option = $('#select-id option:selected').val(); あるoptionを選択した状態にするには、そのoptionのvalueの値を指定します。 $('#select-id').val("value1"); これで、value="
kiyo_hiko 2016/05/06
$("#select_id option:selected");

js

jquery

select
リンク
jQueryで2つのドロップダウンリストを連動させる方法
こんにちは、@Yuuです。知人から受けた案件で、1つのドロップダウンリストを選択したら、もう1つのドロップダウンリストの要素を自動的に変更するということを行ったので、備考録も兼ねて記録しておきます。やりたかったこと上のイメージはちゃちゃっと作ってしまったのですが、やりたい事の感じは伝わるでしょうか？ 1つ目のドロップダウンリストで、国名を選んだら、2つ目のドロップダウンリストでは、その国の都市だけが選択できるようになって欲しい。ということをjQueryを使って制御してみたいと思います。ちなみに、このようなプラグインは探せば豊富にあります。自分がやりたいことと合致するプラグインが見つかった人は、わざわざ自分で作るのではなく、そちらのプラグインを使った方が楽だと思います。ただ、僕が今回やりたかったのがクラス名を使っての制御で、中々そのようなものが見つからなかったので自分でやっちゃっ
kiyo_hiko 2016/05/06
とても参考になった

jquery

select

hierselect
リンク
jQuery toggle div from select option
kiyo_hiko 2016/04/18
$(function() { var toggleXx = function() { var toToggle = $('.' + $('#toggle_xx option:selected').val()); toToggle.siblings('[class*=xx_]'.slideUp(function() { $(this).addClass('hidden'); }); toToggle.slideDown().removeClass('hidden'); } $('#toggle_xx).change(toggleXx); toggleXx(); });

jquery

toggle

radiobutton

select

form
リンク
Ruby: Easiest Way to Filter Hash Keys?
kiyo_hiko 2016/02/23
sliceクール感。set = {a: :able, b: :baker, c: :charlie, d: dog, e: :easy, f: :fox}; q = %i(:a :b :e); set.slice *q; # => {:a => :able, :b => :baker, :e => :easy} // ∴クール感。

ruby

hash

slice

filter

select
リンク
select list | jQuery Plugins
BsMultiSelect is a lightweight multiselect plugin for Bootstrap 4. It converts multi-select list into dropdown with checkboxes. Read More »
kiyo_hiko 2015/11/18
jquery

select

form

input
リンク
ちょいちょいわからなくなるcheckbox, radio, selectboxの値の取り方 - Qiita
<select id="select" name="select"> <option value="0">sample</option> <option value="1">sample1</option> <option value="11">sample11</option> <option value="101">sample101</option> </select>
kiyo_hiko 2015/11/04
すぐ忘れるのでブク

form

input

value

checkbox

radio

select
リンク
[SQL] 5. データの参照 5
SQL 5章　データの参照 5.1. SELECT によるデータの参照 5.2. 条件付き参照 1. 不等式を使った述語 2. ブール演算子を使った述語 5.3. 特殊演算子 1. IN 演算子 2. BETWEEN 演算子 3. LIKE 演算子 4. IS NULL 演算子 5.4. 集約関数 5.5. グループ化 1. GROUP BY 句 2. HAVING 句 5.6. 並べ替えと名前付け 1. 出力の並べ替え 2. 出力列の名前付け 5.3.2. BETWEEN 演算子 BETWEEN 演算子は、述語が TRUE と評価される値の範囲を定義するものです。例えば、受注表から受注個数が 5 から 15 の受注番号を抽出するには次のように記述します。 -- sample.13-3 -- /* データの参照 */ SELECT 受注番号 , 受注個数 FROM 受注表 WHERE 受注
kiyo_hiko 2015/11/04
BETWEENは境界値を含むので(col BETWEEN min AND max) AND NOT col IN(min, max)などで対応しようという話

sql

where

between

having

query

select
リンク
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Select
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。複数選択可能なselectボックスを直感的な操作で手軽に選択できるようにしよう、というもの。グループ化したものも一括選択できるのが個人的には嬉しかったです。動作サンプルです。 <script src="http://ajax.google apis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="jquery.multiple.select.js"></script>本体とプラグインを読み込みます。 $('#foo').multipleSelect();セレクタにはselect要素を指定します。また、細かいオプション設定が可能です。詳
kiyo_hiko 2015/11/02
クールだ

form

select

option

checkbox

listbox

jquery
リンク
Rails: ActiveRecordのenum要素をselectフォームでいい感じに表示する - Qiita
class Article < ActiveRecord::Base enum status: { deleted: 0, drafted: 1, published: 2 } # (略) Article.published とか、 @article.published? とか気の利くメソッドをにょきにょき生やしてくれるので私は好きです formでselectしたい enumの要素をformタグのselectとか使って出力して編集画面作りたいことってありますよね。人間ですもの。普通にやるとselectメソッドの2つめの引数に配列を渡してやればいいのでこんな感じ？
kiyo_hiko 2015/10/20
activerecord

enum

form

view

select
リンク
changeイベント：フォームや選択メニューが変更されたとき
change イベントはフォーム( input 要素)や選択メニュー( select 要素 )、テキストエリア( textarea 要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。 onchange 属性または onchange プロパティに対してイベントハンドラを設定したり、 addEventListener メソッドの引数として change を指定してイベントリスナーを登録できます。ここでは JavaScript を使って change イベントが発生した場合の処理を記述する方法について解説します。
kiyo_hiko 2015/10/05
select＠onchange='処理'

form

select

html

js

event
リンク
https://www.padrinorb.com/api/Padrino/Helpers/FormHelpers.html
kiyo_hiko 2015/09/17
メ。例えばActiveRecordのマステーをselectタグに割当てる場合、optionに２次元配列をぶち込む // ＠op = MasterTable.order('id').map {|e| [e.desc, e.id]} // = select_tag(:name, :options => ＠op) とかやっとけばよさそう

padrino

helper

form

tag

select
リンク
使用するデータベースを選択する(USE文)
MySQL ではデータベースを作成したあとでテーブルなどを作成するにはまずどのデータベースを使用するのかを USE 文を使って指定します。選択したデータベースはデフォルトデータベースとなります。ここでは MySQL で USE 文を使って使用するデータベースを選択する手順について解説します。
kiyo_hiko 2015/09/17
USE dbname;

mysql

db

select
リンク
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
kiyo_hiko 2015/08/06
なるほど。"＜Select要素＞を選択しましたね" などをやりたかったので参考にした // $('#selection').change(function() {$('#message-display').text($('#selection option:selected').text());});

jquery

select

option

form
リンク
How to request a random row in SQL?
Collectives™ on Stack Overflow Find centralized, trusted content and collaborate around the techno logies you use most. Learn more about Collectives Teams Q&A for work Connect and share knowledge within a single location that is structured and easy to search. Learn more about Teams
kiyo_hiko 2013/09/15
「SELECT * FROM table ORDER BY RAND() LIMIT 1」テーブルサイズによって重くなるらしい。サイズに依らず一定時間で返すにはインデックス貼って「SELECT * FROM table WHERE num_value >= RAND() * (SELECT MAX(num_value) FROM table) LIMIT 1」みたいならしい

sql

random

tips

select
リンク
1 2 次のページ