ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptで選択値を設定する方法

JavaScriptで選択値を設定する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-04-12 17:04:2211627ブラウズ

JavaScript で選択値を設定する方法: 1. ネイティブ JS で選択値を設定します、コードは [var gd2=document.getElementById("goods_name2")]; 2. jquery で選択値を設定します。

JavaScriptで選択値を設定する方法

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター。

JavaScript で選択値を設定する方法:

1. ネイティブ JS で選択値を設定する方法

(1) 場合によっては、選択を非表示にする必要がある場合がありますが、選択によって渡される値も変更する必要があります。 (select のデフォルトの選択値は最初の値、つまり添え字 0 のオプション値です)

var gd2=document.getElementById("goods_name2");
//为防止有时指定id元素不存在导致的异常
if(gd2)
{
 gd2[0].value=newvalue;
}

(2) ネイティブ js が select の選択値を変更します

var gd2=document.getElementById("goods_name2");
//为防止有时指定id元素不存在导致的异常
if(gd2)
{ 
   gd2.value=newvalue; //更改选定项,值为select选项中原有值(即换一个选择项)
}
var obj = document.getElementById("goods_name"); //定位id
var index = obj.selectedIndex; // 选中索引
obj.options[index].value=newvalue;//更改选定项的原有值(产生了新的选择项)

2、jquery で選択値を設定する方法

//设置select选定的值
$('#goods_name2 option:selected') .val(newvalue);

関連する無料学習の推奨事項: javascript ビデオ チュートリアル

以上がJavaScriptで選択値を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。