2016-12-16 9 views
0

私はこのコードを書いています。ユーザーが場所のフォームフィールドに名前を入力し、ajaxでkeyup関数を使用すると、リスト要素のバックエンドからデータが読み込まれます同じ名前が既に提案されているかどうかを確認してください。Djangoフォームフィールドにhtmlリストを追加する方法

Django Field where the user starts typing

ユーザーはあなたはそれがフィールド「地名」の下に余分なサイズを作成することを見ることができるように、彼/彼女が

Results from the ajax

以下のような結果を得るでしょう入力を始めると、その理由は、このフィールドにajaxの結果が添付される「UL」要素を作成したためです。これが正常に動作しているが、しかし、私が探していますと、以下のようにGoogleの検索結果のようなものにある:

Using Google Search

はここでの結果は、フォーム上で、ページのサイズを大きくしないでください。しかし、私はこれを行う方法がわからない。私がそれを見つけることができなかったので、この質問が既に答えられているならば、知識。 これに関する助けをありがとうございます。

+1

は、CSSの問題であると思われます。親コンテナに相対的な位置を追加して、絶対値をZ-インデックスで 'ul'に設定してみてください –

+0

ありがとうございます@ShobhitSrivastava。これはまさに私が望んでいたものです。 –

+0

クール、私は答えとして投稿します。 –

答えて

1

このCSSはそれを修正する必要があります

#parent_container { 
    position: relative; 
} 

ul { 
    position: absolute; 
    z-index: 10; /* more than the z-index of underlying elements */ 
} 
関連する問題