ホームページ ウェブフロントエンド jsチュートリアル select_javascriptスキルのオプション属性を変更するJSメソッド

select_javascriptスキルのオプション属性を変更するJSメソッド

May 16, 2016 pm 03:36 PM
js select 変化

この記事の例では、JSを使用してselectのoption属性を変更する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

友人が小さな問題を解決するのを手伝ってください。要件は、選択したタブに表示されるテキスト値を変更することです。新しい値は特定のテキスト ボックスに保存されます

初期ウィンドウ:

<html>
 <head>
  <title>原窗口</title>
  <script>
   var parentValue=""; //全局变量,用于保存点击详情时select中指定opeion的值
   function detail() {
    var select=document.getElementById('SHGX'); //获得select对象
    parentValue=select.options[select.selectedIndex].text; 
    window.open('详情窗口.html')
   }
   function updateSelect(childValue) {
    var select=document.getElementById('SHGX'); 
    for(var i=0;i<select.length;i++) {
     if(select.options[i].text==parentValue) 
      select.options[i].text=childValue;
    }    
   }
  </script>
 </head>
 <body>
  <select id='SHGX'>
   <option value='111' title='夫'>夫</option>
   <option value='112' title='妻'>妻</option>
   <option value='120' title='子'>子</option>
   <option value='121' title='独生子'>独生子</option>
   <option value='122' title='继子'>继子</option>
   <option value='128' title='女婿'>女婿</option>   
  </select>
  <button onclick="detail(); ">详情</button>
 </body>
</html>
ログイン後にコピー

詳細ウィンドウ:

<html>
 <head>
 <title>详情窗口</title>
 <script>
  function modify() {
  var childValue=document.getElementById('text_01').value;
  opener.updateSelect(childValue); //调用父窗口的函数
  }
 </script>
 </head>
 <body>
 <input id="text_01" type="text" value=""/>
 <button onclick="modify();">修改</button>
 </body>
</html>
ログイン後にコピー

この記事が皆さんの JavaScript プログラミングに役立つことを願っています。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

壁紙エンジンの保存場所を変更するにはどうすればよいですか?壁紙エンジンで保存パスを設定する方法 壁紙エンジンの保存場所を変更するにはどうすればよいですか?壁紙エンジンで保存パスを設定する方法 Mar 13, 2024 pm 12:40 PM

多くのユーザーは、WallpaperEngine でさまざまな壁紙やビデオをダウンロードすることを好みます。時間の経過とともに、ますます多くの壁紙がダウンロードされるため、ハード ディスクの空き容量が不足することに気づきます。このとき、WallpaperEngine の保存場所を変更して、占有容量を減らすことができます。 。それでは、wallpaperengineの保存パスを変更する方法を見てみましょう。ステップ 1: 左上隅の Steam の下にある [設定] をクリックして、次のインターフェイスを開きます。ステップ 2: [ダウンロード] をクリックして、コンテンツ ライブラリの下にある [Steam ライブラリ フォルダー] を見つけ、上の [開く] をクリックします。ステップ 3: [ライブラリ フォルダーの追加] をクリックし、変更先のパスを選択し、追加した後、デフォルトの列を右クリックします。

win7のデスクトップアイコンの文字色を変更する方法 win7のデスクトップアイコンの文字色を変更する方法 Jan 02, 2024 pm 11:17 PM

win7 のデフォルトのデスクトップ アイコンのフォントは通常白です。デスクトップの背景が白である場合、デスクトップ アイコンのテキストが表示されない場合があります。このとき、個人用設定の詳細な外観設定を通じてデスクトップのフォントの色をカスタマイズできます。以下は一緒に見てみましょう。 win7 デスクトップ アイコンのフォントの色を変更するチュートリアル 1. デスクトップの空白スペースを右クリックし、「個人用設定」を開きます。 2. [テーマ] で、目的のテーマを直接選択して、デスクトップ アイコンのフォントの色を変更できます。 3. これらのテーマに満足できない場合は、図に示すように「ウィンドウの色」をオンにすることもできます。 4. 下の「外観の詳細設定」をクリックします。 5. アイコンの場所にある「プロジェクト」を「デスクトップ」に変更します。 6. 赤枠内のフォントの色やサイズなどのさまざまな属性を変更できます

株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます 株価分析に必須のツール: PHP と JS を使用してローソク足チャートを描画する手順を学びます Dec 17, 2023 pm 06:55 PM

株式分析に必須のツール: PHP および JS でローソク足チャートを描画する手順を学びます。特定のコード例が必要です。インターネットとテクノロジーの急速な発展に伴い、株式取引は多くの投資家にとって重要な方法の 1 つになりました。株価分析は投資家の意思決定の重要な部分であり、ローソク足チャートはテクニカル分析で広く使用されています。 PHP と JS を使用してローソク足チャートを描画する方法を学ぶと、投資家がより適切な意思決定を行うのに役立つ、より直感的な情報が得られます。ローソク足チャートとは、株価をローソク足の形で表示するテクニカルチャートです。株価を示しています

推奨: 優れた JS オープンソースの顔検出および認識プロジェクト 推奨: 優れた JS オープンソースの顔検出および認識プロジェクト Apr 03, 2024 am 11:55 AM

顔の検出および認識テクノロジーは、すでに比較的成熟しており、広く使用されているテクノロジーです。現在、最も広く使用されているインターネット アプリケーション言語は JS ですが、Web フロントエンドでの顔検出と認識の実装には、バックエンドの顔認識と比較して利点と欠点があります。利点としては、ネットワーク インタラクションの削減とリアルタイム認識により、ユーザーの待ち時間が大幅に短縮され、ユーザー エクスペリエンスが向上することが挙げられます。欠点としては、モデル サイズによって制限されるため、精度も制限されることが挙げられます。 js を使用して Web 上に顔検出を実装するにはどうすればよいですか? Web 上で顔認識を実装するには、JavaScript、HTML、CSS、WebRTC など、関連するプログラミング言語とテクノロジに精通している必要があります。同時に、関連するコンピューター ビジョンと人工知能テクノロジーを習得する必要もあります。 Web 側の設計により、次の点に注意してください。

Eclipse で背景色を変更するためのステップバイステップ ガイド Eclipse で背景色を変更するためのステップバイステップ ガイド Jan 28, 2024 am 08:28 AM

Eclipse で背景色を変更する方法を段階的に説明します。特定のコード例が必要です。 Eclipse は、Java プロジェクトの作成とデバッグによく使用される、非常に人気のある統合開発環境 (IDE) です。 Eclipse のデフォルトの背景色は白ですが、ユーザーによっては好みに合わせたり、目の疲れを軽減したりするために背景色を変更したい場合があります。この記事では、Eclipse で背景色を変更する方法を段階的に説明し、具体的なコード例を示します。ステップ 1: まず Eclipse を開く

Xboxストアで地域設定を変更する方法 Xboxストアで地域設定を変更する方法 Dec 24, 2023 pm 08:53 PM

購入したいゲームが入手できない場合、地域を変更することで購入できますが、Xbox ストアで地域設定を変更する方法を知っているプレイヤーはいますか?それでは、Xbox ストアで地域設定を変更する方法の概要を見てみましょう。 Xbox ストアの地域設定: 1. Windows の設定を開き、時間と言語を選択します。 2. 地域を選択します - デフォルトは中国です - 他の国と地域を選択します。 3. 他の国と地域を選択し、ストアに入ります。ストアではコンテンツを更新するよう求められます。

PHP と JS を使用して株価ローソク足チャートを作成する方法 PHP と JS を使用して株価ローソク足チャートを作成する方法 Dec 17, 2023 am 08:08 AM

PHP と JS を使用して株のローソク足チャートを作成する方法。株のローソク足チャートは、株式市場で一般的なテクニカル分析グラフィックです。始値、終値、最高値、株価などのデータを描画することで、投資家が株式をより直観的に理解するのに役立ちます。株価の最低価格、価格変動。この記事では、PHP と JS を使用して株価のローソク足チャートを作成する方法を、具体的なコード例とともに説明します。 1. 準備 開始する前に、次の環境を準備する必要があります。 1. PHP を実行するサーバー 2. HTML5 および Canvas をサポートするブラウザー 3

win7の起動シーケンスを変更する方法を教えます win7の起動シーケンスを変更する方法を教えます Jan 04, 2024 pm 09:06 PM

win7 の起動シーケンスを適切に設定すると、コンピューターの起動が速くなりますが、起動シーケンスを変更する方法を知らない人も多くいます。実際には、レジストリ エディターで変更できます。エディターで見てみましょう。具体的な方法。 win7 の起動シーケンスの変更に関するチュートリアル 1. 左下隅で「ファイル名を指定して実行」を検索します。 2. 「ファイル名を指定して実行」プログラムを開きます。 3. 「regedit」と入力し、Enter キーを押して確認します。 4. 次のパス「HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\ServiceGroupOrder」を見つけて右クリックし、アイコン「リスト」ファイルを変更します。 5. 写真に示されている位置は上から下です。

See all articles