select タグに基づいてデフォルトの選択されたオプションを設定するにはどうすればよいですか?-jsチュートリアル-php.cn

以下に、select タグのデフォルトの選択済みオプションを設定する方法に関する記事を共有します。これは優れた参考値であり、皆様のお役に立てれば幸いです。

方法は2つあります。

タイプ1 の属性で選択した項目を設定するメソッドです。phpなどの動的言語において、必要に応じて出力結果をバックグラウンドで制御することができます。

1 2 3 ログイン後にコピー

2 番目の は、フロントエンド js を通じて選択された項目を制御することです:

function change(){ document.getElementById("sel")[2].selected=true; } 1 2 3 ログイン後にコピー

ラベルの選択された項目のテキストを取得するための JS コードは:

var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value; ログイン後にコピー

タグを操作するためのその他のヒントは次のとおりです:

1) select を動的に作成します

function createSelect(){ var mySelect = document.createElement( "select" ); mySelect.id = "mySelect" ; document.body.appendChild(mySelect); } ログイン後にコピー

2) オプション option を追加します

function addOption(){ //根据id查找对象， var obj=document.getElementById( 'mySelect' ); //添加一个选项 obj.add( new Option( "文本" , "值" )); } ログイン後にコピー

3 ) すべてのオプションを削除option

function removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; } ログイン後にコピー

4) オプションを1つ削除option

function removeOne(){ var obj=document.getElementById( 'mySelect' ); //index,要删除选项的序号，这里取当前选中选项的序号 var index=obj.selectedIndex; obj.options.remove(index); } ログイン後にコピー

5) オプションの値を取得option

りー

6) オプションoptionの取得

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].value; ログイン後にコピー

7) オプションoptionの変更

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index].text; ログイン後にコピー

8) 削除select

var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序号，取当前选中选项的序号 var val = obj.options[index]= new Option( "新文本" , "新值" ); ログイン後にコピー

上記は私が皆さんのためにまとめたので、将来的に皆さんのお役に立つことを願っています。

vue を介して axios コンポーネントを追加して、post の null パラメータの問題を解決する (詳細なチュートリアル)

vue の axios を介したポストリクエストパラメータの処理 (詳細なチュートリアル)