0

要素 ID タグを使用して、html ページのチェック ボックスとドロップダウン リストを追加および削除する作業中の JavaScript ファイルがあります。django アプリによって生成されているフォームに JavaScript コードを適用したいと思います。次のようにJavaScript要素IDを変更してフィールドを非表示にしようとしましたが、

id1.style.visibility = 'hidden';

djangoによって生成されているフォームの要素に一致しますが、JavaScriptは有効になっておらず、フィールドはまだ表示されています。

私の django テンプレート html ファイルには、django によって提供されているサイトの js ファイルが含まれています。

<head>
   <script type="text/javascript" src="/static/js/submitform.js"></script>
   <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

上記のように、テンプレート ページのソース コードに js ファイルが表示され、リンクをクリックして JavaScript コードを表示できます。だから私はjavascriptファイルがテンプレート内に含まれていることを知っています。

私は css ファイルで同様のことを行いましたが、それはテンプレート ページで有効になりますが、javascript を正しく適用できません。

私はこれにしばらく苦労してきましたが、これまでにこれを行ったことがありません。誰かが助けを提供したり、これを行う方法を示す私が読むことができるドキュメントを知ったりできますか?

これが適切な質問ではない場合は申し訳ありませんが、以前にこれを行ったことがなく、これに固執しています..私が取り組んでいるプロジェクトは内部テストサイト用であるため、現時点ではjsファイルの圧縮について心配していません.クライアントまたは私がさらされる可能性のある注射に..これを行う方法を理解するだけです.!

ありがとう - オリ

4

2 に答える 2

2

jqueryファイルを含める前にJqueryライブラリを含める必要があるため、次のように交換します。

<head>
   <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
   <script type="text/javascript" src="/static/js/submitform.js"></script>
</head>

編集：

また、jqueryライブラリのスクリプトタグに「type」プロパティがありません。コードを更新しました。ご覧ください。

于 2012-08-14T12:22:08.500 に答える
1

あなたはこのようにすることができます：

#html
{% block main-menu %} 
    <br>
    <br>
    Click here to play with username
    <button id="show_button">show</button>
    <button id="hide_button">hide</button>
    <br>
    <br>
    <script type="text/javascript">
        $(function() {
                $("#show_button").click(function() {
                    $("#id_username").show();
                });
                $("#hide_button").click(function() {
                    $("#id_username").hide();
                });
        });
    </script>
    <div class="contentarea">
        <form method="post" action="">{% csrf_token %}
            {{ reg_form.as_p }}
            <input type="submit" value="register" />
        </form>
    </div>

#forms.py
class RegistrationForm(forms.Form):
    username = forms.CharField(label="Username", max_length=30)
    email = forms.EmailField(label="Email")
    password = forms.CharField(label="Password", widget=forms.PasswordInput())
    password2 = forms.CharField(label="Password (Again)", widget=forms.PasswordInput())

Here your clean methods and so on

Django は、id_yourfield のようなフィールドの ID を自動的に作成します。

于 2012-08-14T12:27:40.293 に答える