質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Sinatra

Sinatraは、Rubyで作られた オープンソースのWebアプリケーションフレームワークです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

5962閲覧

HTMLのプルダウンメニューでデフォルトの値を指定するにはどうすればいいでしょうか?

kentaro131127

総合スコア19

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

SQLite

SQLiteはリレーショナルデータベース管理システムの1つで、サーバーではなくライブラリとして使用されている。

Sinatra

Sinatraは、Rubyで作られた オープンソースのWebアプリケーションフレームワークです。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2015/09/04 14:43

こんにちは。
今、WEBの勉強のためにTodoリストのアプリを作っている中で
分からないことが出てきたので調べてみたのですが、どうすればいいのか
分からないのでこちらで質問させて下さいm(__)m

###質問
画像を使って簡単に説明したいと思います。
まずアプリの左側のフォームに新しい予定を入力して登録すると、右の表に表示されます。
イメージ説明
それで、登録された予定を編集するために表の右にある編集ボタンを押すと、
イメージ説明
このような画面になるのですが、この時にカテゴリのプルダウンメニューに
最初に登録したカテゴリをデフォルトで表示させたいです。
※なのでこの場合だとPCと表示されるようにしたいです。

ソースコードはこんな感じです。

HTML

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>To do list</title> 6</head> 7<h1>編集ページ</h1> 8<form action="/renew/<%= @to_do_list.id %>" method="post"> 9<label for="title">内容:</label> 10<input type="text" name="content" value="<%= @to_do_list.content %>"> 11<label for="title">日時:</label> 12<input type="text" name="time" value="<%= @to_do_list.time %>"> 13 14 <p>優先順位:<br> 15 <select name="ranking"> 16 <option value="A">A</option> 17 <option value="B">B</option> 18 <option value="C">C</option> 19 <option value="D">D</option> 20 </select> 21 </p> 22 23 <label for="title">メモ</label> 24 <input type="text" name="memo" value="<%= @to_do_list.memo %>"> 25 <label for="category">カテゴリ:</label> 26 <select name="category" id="category"> 27 <% @categories.each do |category| %> 28 <option value="<%= category.id %>"><%= category.name %></option> 29 <% end %> 30 </select> 31 </label> 32<p><input type="submit" value="編集完了"></p> 33</form> 34</body> 35</html>

WEBアプリを作り始めてまだ1ヶ月ほどなので、まだ分からないことが多いです。
文章やコードにおかしな点があるかもしれませんが、
詳しい方、知恵をお貸しいただけると嬉しいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

質問が画像つきでわかりやすいですね!

選択状態にしたいoptionタグにselected属性をつけると選択された状態になりますが、
Rubyを使った場合のやり方がわからないということでしょうか。

HTML

1<option value="pc" selected>PC</option>

投稿2015/09/04 15:27

notable

総合スコア415

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kentaro131127

2015/09/05 14:01

僕の説明が分かりにくくてすみません。 質問の意図が分かりにくくなっていたので補足させてもらうと、 DBに登録するときに指定したカテゴリを、編集ページでもはじめから対応させて表示させておきたいということです。
notable

2015/09/05 14:37 編集

質問内容がつかめてないのかもしれないですが、 DBから取得したカテゴリIDと合致した場合に selected属性を付けたいということになると思うので、 <option value="<%= category.id %>"><%= category.name %></option> を <option value="<%= category.id %>"<% if category.id == @to_do_list.id then %> selected<% end %>><%= category.name %></option> このようにしたら実現できると思うのですが、意図と合ってますかね…。 @to_do_list.idにDBから取得したカテゴリIDが入っていることを想定しています。 推測で入れただけなので、もし違う変数にDBから取得したカテゴリIDが入っている場合は それに置き換えてください。 それとも、DBから取得する方法がわからない感じでしょうか。
kentaro131127

2015/09/06 05:42

書いてくださったコードを少しアレンジするだけで成功しました。 ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問