BinaryDevelop
  1. ホーム
  2. jquery

[解決済み】フォームのhiddenフィールドにjQueryの".val() "を使って値を設定してもうまくいかない。

2022-04-13 12:14:35

質問

jQueryを使って、フォームのhiddenフィールドの値を設定しようとしていますが、うまくいきません。

以下は、問題を説明するサンプルコードです。入力タイプを"text"にしておくと、問題なく動作します。しかし、入力タイプを"hidden"に変更すると、うまくいきません! 

<html>

    <head>
        <script type="text/javascript" src="jquery.js">
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $("input:text#texens").val("tinkumaster");
                });
            });
        </script>
    </head>

    <body>
        <p>
            Name:
            <input type="hidden" id="texens" name="user" value="texens" />
        </p>
        <button>
            Change value for the text field
        </button>
    </body>

</html>

また、入力タイプを "text" に設定し、入力ボックスに "display:none" のスタイルを使用することで、以下の回避策を試してみました。しかし、これも失敗しました。 どうやらjQueryは、hiddenやinvisibleの入力フィールドの設定に問題があるようです。

何かアイデアはありますか？実際に機能する回避策はあるのでしょうか？

解決方法は？

:text は、入力のタイプ値が hidden . また、より効率的に使用することができます。 

$("#texens").val("tinkumaster");

ID属性はウェブページ上で一意であるべきです。これが問題の一因となる可能性があるので、自分のものが一意であることを確認してください。

の例 http://jsbin.com/elovo/edit にあるあなたのサンプルコードを使用します。 http://jsbin.com/elovo/2/edit

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します