7

私はこのようないくつかのHTMLコードを持っています

<form name="first"><input name="firstText" type="text" value="General" /> 
<input name="secondText" type="text" value="General" /> 
<input name="ThirdText" type="text" value="General" /> 
<input name="FourthText" type="text" value="General" /> 
<input name="FifthText" type="text" value="General" />
</form>

<form name="second"><input name="firstText" type="text" value="General" /> 
<input name="secondText" type="text" value="General" /> 
<input name="ThirdText" type="text" value="General" /> 
<input name="FourthText" type="text" value="General" /> 
<input name="FifthText" type="text" value="General" />
</form>

jqueryまたはjavascriptを使用してフォーム「second」の「secondText」を選択し、jqueryを使用してその値を変更したい。

4

7 に答える 7

9

jQuery の使用:

var element = $("form[name='second'] input[name='secondText']");

バニラ JS の使用:

var element = document.querySelector("form[name='second'] input[name='secondText']");

値を変更する:element.val(value)またはelement.value = value、使用しているものに応じて。

于 2013-11-01T13:02:51.423 に答える
2
// Define the target element
elem = jQuery( 'form[name="second"] input[name="secondText"]' );

// Set the new value
elem.val( 'test' );
于 2013-11-01T13:53:09.227 に答える
0

次のように実行できます。

jQuery

$("form[name='second'] input[name='secondText']").val("yourNewValue");

デモ: http://jsfiddle.net/YLgcC/

または:

ネイティブ Javascript

古いブラウザ:

var myInput = [];
myInput = document.getElementsByTagName("input");

for (var i = 0; i < myInput.length; i++) {
    if (myInput[i].parentNode.name === "second" &&
       myInput[i].name === "secondText") {
        myInput[i].value = "yourNewValue";
    }
}

デモ: http://jsfiddle.net/YLgcC/1/

新しいブラウザ:

document.querySelector("form[name='second'] input[name='secondText']").value = "yourNewValue";

デモ: http://jsfiddle.net/YLgcC/2/

于 2013-11-01T13:02:51.437 に答える
0

試す

$("form[name='second'] input[name='secondText']").val("ENTER-YOUR-VALUE");
于 2013-11-01T13:03:01.440 に答える
-1

両方のフォームにボタンを追加します。ボタンでjqueryの機能をclick使用して最も近いフォームを見つけます。closest()次にfind()(jquery関数)を使用して、すべての入力値を取得します。closest()検索のために dom ツリーの上方向に移動し、検索のためfind()に dom ツリーの下方向に移動します。ここを読む

もう 1 つの方法は、sibling()(jquery 関数) を使用することです。ボタンclickで兄弟入力フィールドの値を取得します。

于 2019-11-21T05:37:26.747 に答える