Jquery - 名前の値は変更されませんが、IDは？

Question

私は入力された名前を使用して、このHTMLコードの値を変更しようとしています：

<input class="string required" first_and_last="true" id="high_billing_name" name="high[billing_name]" required="required" size="20" type="text"> 

私はそれが動作する値に変更するために、入力されたIDを使用する場合：

$("#high_billing_name").val('NAME'); 

をしかし、私はidの代わりに名前を使用して値を変更しようとしています。私は$('input[name="high[billing_name]"]').val("NAME");とそれ以外の形式を試しましたが、うまくいきません。

Answer 1

これを試してください。 $('input[name=\"high[billing_name]\"]').val("NAME");

Answer 2

多分jqueryのバージョンやブラウザのバージョンにもよりますか？使用する構文は機能するはずです。

$('input[name="high[billing_name]"]').val("NAME") 

この例を、私はそれのためのシンプルなフィドルを作成し、この1つはクローム54

https://jsfiddle.net/mpdozfqc/

Answer 3

に私の作品は、jQueryのを使用している、それは簡単です：

$('input[name="high[billing_name]"]').val("Johnny Bravo");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="string required" first_and_last="true" id="high_billing_name" name="high[billing_name]" required="required" size="20" type="text">

はまた、このjQueryのを使用したバージョンが、私は"を印刷する\を使用します。

$('input[name=\"high[billing_name]\"]').val("Johnny Bravo");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="string required" first_and_last="true" id="high_billing_name" name="high[billing_name]" required="required" size="20" type="text">

しかし、この1つは、純粋なJavaScriptを使用している：

var imput = document.getElementById("high_billing_name"); 
 
imput.value = "Johnny Bravo";

<input class="string required" first_and_last="true" id="high_billing_name" name="high[billing_name]" required="required" size="20" type="text">