0

私は遊んでいる単純なフォームを持っており、コマンド ボタンがクリックされたときにテキスト ボックスの値を更新しようとしています。コマンド ボタンは btnVerifyLocation と呼ばれ、テキスト ボックスは txtGeoLocation と呼ばれます。私は次のようにJavascriptでこれをやろうとしました:

私が持っているコードは次のとおりです。

<script type="text/javascript" id="testing">

$("btnVerifyLocation").click(function ()
{
     $("input[name*='txtGeoLocation']").val("testing");
});

</script>

しかし、ボタンをクリックしても何も起こりません。

4

2 に答える 2

1

A) 「btnVerifyLocation」に # がありません (ID だと思います。それ以外の場合は、クラスの場合は「.btnVerifyLocation」を使用します)

B) 次に、これは にある必要があり$(document).ready()ます。そうしないと、まだレンダリングされていない DOM 要素にクリック ハンドラをバインドしようとしています。

コードは次のようになります。

$(document).ready(function() {
    $('#btnVerifyLocation').click(function(e) {
        e.preventDefault(); // In case this is in a form, don't submit the form
        // The * says "look for an input with a name LIKE txtGeoLocation, 
        // not sure if you want that or not
        $('input[name*="txtGeoLocation"]').val('testing'); 
    });
});
于 2013-05-01T23:58:42.810 に答える
1

jQuery のセレクター関数は CSS セレクター構文を使用するため、オブジェクトを ID で識別するには、ID の前に#:

$("#btnVerifyLocation").click(function () {
    $("input[name*='txtGeoLocation']").val("testing");
});

念のため: jQuery が含まれていますよね?

于 2013-05-01T23:58:51.950 に答える