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

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

ただいまの
回答率

88.59%

新規投稿フォームでurlを入力した際にtitleを自動補完したい:rails

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 255

susiyaki

score 39

前提・実現したいこと

ブックマークアプリの製作途中で、URLを入力した際にTitleを自動補完したいと思っています。
また、URL入力前にはtitleの入力を禁止し、自動補完->編集可という流れにしたいと考えています。

モデル

bookmark title:string url:string folder_id:integer
folder name:string tab_id:integer
tab name:string

試したこと

title情報の取得はMechanizeというgemを使って

@agent = Mechanize.new
@page = @agent.get(bookmark.url)
@elements = @page.at('title').inner_text


で取得することができました。今はbookmarkのcontroller内に記述しています。

<div class="modal-dialog">
    <div class="modal-content">
        <%= simple_form_for(Bookmark.new, remote: true) do |f| %>
            <div class="form-inputs">
                <%= f.input :url %>
                <%= f.input :title, readonly: true %>
                <%= f.association :folder, as: :radio_buttons %>
                <div class="form-actions">
                    <%= f.button :submit %>
                </div>
            </div>
        <% end %>
    </div>
</div>
bookmark.js
$(function() {
    //url入力後title入力可
    $("#bookmark_url").keyup(function(){
        $("#bookmark_title").attr("readonly", false);
    });
});


とりあえずurlの入力をした際にtitleのフォームからreadonlyを取り除こうとしていたのですが、うまく動作してくれません。
この原因を教えていただきたいです。

自動入力のコードに付いて、イマイチデータの持って行き方がわからず、JQueryにコントローラーで取得した@elementsの値をJQueryに持っていく方法がわかりません。考えてみたコードのイメージは、およそこのような感じなのですが助言をお願いします。

$(funtion() {
    $('input[name="bookmark[url]"]').keyup(function(){
        //自動入力実行 @elementsの値はどうやって持ってくる?
    });
});


よろしくお願いします。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

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

  • ただいまの回答率 88.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る