ホーム > val (全3件)
  • レンジ入力(input[type=range])の変更時の値をリアルタイムに取得する

    レンジ入力(input[type=range])の変更時の値をリアルタイムに取得する。

    /* 変更中(ドラッグ中) */
    $( 'input[type=range]' ).on( 'input', function () {
    	var val = $(this).val();
    } );
    
    /* 変更後 */
    $( 'input[type=range]' ).change( function () {
    	var val = $(this).val();
    } );
    

    HTML5のレンジ入力(input[type=range])要素に関連するイベントは、変更後(ドラッグ後)はchangeイベントになるが、ドラッグ中はinputイベントになる。inputイベントは、汎用的なイベント関数であるon関数を利用すること。

  • プルダウンメニュー(select要素)の選択された値を取得する

    idがperfの選択された値を取得する。

    /* single selection */
    var perf = $( 'select#perf option:selected' ).val();
    
    /* multiple selection */
    var perf = new Array();
    $( 'select#perf option:selected' ).each( function () {
    	perf.push( $(this).val() );
    } );
    

    複数選択の場合は、$( 'select#perf option:selected' ).lengthで選択数を取得できる。

  • テキストボックス/テキストエリアの入力内容を取得する

    idがaddrの入力内容を取得する。

    var text = $( '#addr' ).val();
    

    val関数により、テキストボックス(input要素)のvalue属性値だけでなく、テキストエリア(textarea要素)の入力内容も取得できる。