全文検索:
- 05 JQuery selectで選択された項目取得
- === ===== SELECT(normal) ===== === HTML === <code html> <select id="name" name="name" multiple> ... <option value="C">This is C</option </select> </code> === JavaScript === <code JavaScript> var selected = $("#name option:selected").get(); alert( $(selected).val() + " -> " + $(selected).text() ); </code> === 結果 === 結果は、selectedされている B が表示される。 <code>
- 03_jQuery UIでradioをbuttonへ
- jQuery UIでradioをbuttonへ ====== ===== HTML ===== <code> <div class="span1" align="left" id="type"> <labe... inline" placeholder="type" value="3" /> </div> </code> ===== Jquery ===== 通常(横にボタンが並ぶ) <code> $("#type").buttonset(); </code> 下記のようにすると、ボタンを縦に並べる事ができる。 <code> $("#type").buttonset(); $("#type lab
- 04 選択したテーブルの値を取得
- === 04 選択したテーブルの値を取得 ====== ===== 1.html ===== <code> <table id='list'> <tr> <td><button class="btn-w... /td> <td>ccc</td> <td>ddd</td> </tr> </table> </code> ===== 2.jquery ===== この場合、1をクリックすると「bbb」、2をクリックすると「ddd」が表示される <code> $('#list .btn-warning').click(function(){ //-- ... sest('tr'); //-- クリックした行の3番目の<td>のテキストを表示 --// alert( cur_tr.children('td:eq(2)').text() ); } </code>
- 06 jQuery テーブルに行を追加
- = 06 jQuery テーブルに行を追加 ====== ===== HTML ===== <code html> <table id='t-body' border='1'> <tr> ... >価格</th> <th>個数</th> </tr> </table> </code> ===== JavaScript ===== <code javascript> $("#t-body").append("<tr><td>りんご</td><td>150</td><td>3</td></tr>"); $("#t-body").append("<tr><td>みかん</td><td>100</td><td>5</td></tr>"); </code>
- 01 JQuery で画面表示時にフォーカス
- ====== 01 JQuery で画面表示時にフォーカス ====== <code> $('#form_username').focus(); </code>
- 02 ローディング画面表示
- jquery-plugins/tree/master/activity-indicator]] <code> <script type="text/javascript" src="js/jquery.ac... enter', valign: 'center' }); }); // 読み込み完了時に実行 $(function () { $('body').activity(false); }); </code>
- 03 datepickerで範囲制限
- ====== 03 datepickerで範囲制限 ====== <code> <script type="text/javascript"> $(function(){ $("#form... tart_time').datepicker('option', 'maxDate', dateText); } }); }); </script> </code>
- 07 jQuery現在の時間を取得
- ====== 07 jQuery現在の時間を取得 ====== <code> var weeks = new Array('日', '月', '火', '水', '木', '金', '土'); var d ... ond;} alert( year + " " + month + " " + day + " " + week + hour + ":" + minute + ":" + second); </code>