input へ jQueryでセットした値が更新表示されない

  • erdxz

    (@erdxz)


    12年、 3ヶ月前

    初めて質問させて頂きます。
    よろしくお願いします。

    さて、WordPress3.5 twentytwelveテーマをベースにプラグインを開発しておりますが、
    プラグインの form() 内に

    <input type="text" id="id_time" name="nm_time" value="abc" />

    を設定し、Javascript 内から jQuery で以下のように値をセットしています。

    jQuery('#id_time').val('test');

    値セット後に alert() で値を取得し確認すると、値は正しく更新されています。

    alert( jQuery("#id_time").val() );

    しかし、<input> の表示が更新されません。

    また、input にキーボードから値を入力後、jQuery("#id_time").val() で取得しても、入力した値を取得できません。

    解決策をご教授いただければ有り難く思います。

    なお Javascript は、プラグインPHPの先頭で、以下のように読み込んでいます。

    <?php wp_enqueue_script('hoge-hoge-js', plugin_dir_url( __FILE__ ).'hoge.js', array('jquery'), false ); ?>

    よろしくお願いします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 erdxz

    (@erdxz)

    12年、 3ヶ月前

    自己レスです。

    jQuery での指定を id ではなく、name で指定すると、値の更新＆表示更新が旨くいくようになりました。

    php:

    function form( $instance )
{
?>
    <input type="text" name="nm_time" id="id_time" value="time1" />
    <br /><br />
    <input type="button" value="test" onclick="bt_push()" />
<?php
}

    Javascript:

    function bt_push() {
	jQuery('input[name=nm_time]').val('test123');
	alert( jQuery('input[name=nm_time]').val() );
}

    しかし、キーボードからの入力値を取得できません。
    解決策をご教授いただければ有り難く思います。

    よろしくお願いします。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「input へ jQueryでセットした値が更新表示されない」には新たに返信することはできません。

タグ