• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• a-kuma32017/10/19 00:39:56

  満足200pt

  前の回答をちょっと手直し。

  <select name="begin" size="1">
  <%
      for(int j=1;j<nens.length;j++){
  %>
      <option value="<%="nen"+j %>"><%=nens[j] %></option>
  <%
      }
  %>
  </select><br>
  <!-- ここまで、質問文 -->
  
  <!-- ここから、回答 -->
  <select name="finish" size="1"></select> 
  
  <script>
  window.addEventListener("DOMContentLoaded", function() {
      var begin = document.querySelector('select[name="begin"]');
      var finish = document.querySelector('select[name="finish"]');
      begin.addEventListener("change", function() {
          var s = "";
          var selected = false;
          Array.prototype.forEach.call(begin.options, function(opt) {
              if (opt.selected) {
                  selected = true;
              }
              if (selected) {
                  s += '<option value="' + opt.value + '">' + opt.innerHTML + '</option>';
              }
          })
          finish.innerHTML = s;
      });
  });
  </script>
  

  スター

  • 

    6件のコメントを見る

  • kojiro_i619 2017/10/20 09:46:20

    いつも、ありがとうございます。
    質問があります。addEventListenerメソッドを使っているのでしょうが、
    ・初級者に、丁寧に説明されている、ないしは、あなたが理解するのに使った、本、webサイトを教えてください。ちなみに、私は、山田先生のJacascript本格入門を買いましたが、理解不能です。それぞれのメソッドや使う例について、そこを開けば各論での丁寧な記述が、あるというのが、ほしいです。

    スター

  • kojiro_i619 2017/10/20 09:48:02

    ・質問の２です。いつも、的確な回答をいただいておりますが、黒のバックに、色についた文字・・これは、なんというソフトなのでしょうか？

    スター

  • a-kuma3 2017/10/20 13:12:57

    質問のひとつ目には、参考になりそうな回答ができなさそうです。
    javascript に触れる前に、プログラムはいくつかの言語で書けたので、後は具体的な事例を吸収していくだけでした。
    
    C や Fortran で、手続き的な処理の書き方を覚えて、
    OS/2 や Windows の C で、イベント駆動のプログラムの感覚を覚えて、
    C++ で、オブジェクト指向が分かって、
    その後くらいに HTML と javascript に触れたんだったかなあ、と。
    
    なので、参考にしているのは、もっぱらリファレンスと、他人のコードです。

    • Javascript リファレンス - MDN
    • DOM リファレンス - MDN
    • CSS リファレンス - MDN
    
    

    javascript をさわりだしたころは、仕様もブラウザでバラバラな状況で、リファレンスよりは、ここを見てたような気がします。

    • とほほのＷＷＷ入門

    ＃ 昔とは、内容が随分と変わりました
    
    実際に手を動かさないと覚えられないので、教えて！goo とかで HTML や javascript の質問を見つけては回答する、というのをやってました。
    
    「JavaScript本格入門」という本は読んだことがないのですが、以下のレビューがつくような本のようです。

    • Customer Review
    
    
    

    ふたつ目の質問についてです。
    はてな記法の「スーパーpre記法」というやつを使ってます。
    
    この回答の回答欄は、こんな感じになってます。

    前の回答をちょっと手直し。
    >|html|
    <select name="begin" size="1">
    <%
        for(int j=1;j<nens.length;j++){
    %>
        <option value="<%="nen"+j %>"><%=nens[j] %></option>
    <%
        }
    %>
    </select><br>
    <!-- ここまで、質問文 -->
    
    　　... (省略)
    });
    </script>
    ||<

    スター

  • kojiro_i619 2017/10/20 14:02:14

    私は、長年Basicをやってきて、Visual Basic->ASP.NET->Javaとやっているところです。JavaScriptの理解について、参考に致します。今後とも、よろしくお願いいたします。

    スター

  • a-kuma3 2017/10/20 17:37:30

    ASP.NET や JSP をやってるってことは、Webサーバとクライアントのブラウザのどちらで処理が動いているイメージはある、ということですよね。
    
    こちらについても、触れておきます。

    また、以前の回答は、難しすぎて理解不能なので、ArrayListインスタンスを使っての方法も教えてください。

    ArrayList を使う、ということは JSP 上のコードですから、開始の年を選んだときにリクエストを飛ばさなきゃいけません。
    SELECT で項目を選んだだけでは、デフォルトの動作ではリクエストが飛ばないので、リクエストを飛ばすための javascript のコードを書かなきゃならない。
    つまり、JSP で終了の年を作る処理を書く場合でも javascript のことは意識しなきゃいけない。
    終了の年を選んだあとには、これらが含まれている form を submit するわけですから、開始の年を選んだときと、全体の submit をしたときの区別がつくようにしてあげなければいけない。
    
    何かと考慮しなきゃいけなくなることが増えるので、javascript の範囲だけで記述できる方が考えることが少なくて済む、という判断です。

    スター

  • kojiro_i619 2017/10/23 11:16:10

    何となく、言われることは、分かる気がします。ASP.NETでは、実際にWebを作成しました。SQLServerとVisual Basicを使ってですが、レンタルサーバーで、データベースの場所と、Webの場所が物理的に（たぶん違う機器）違っていて、マシンキーをweb.configに書き込んだりして、成功しました。このJavaでは、webでのツールをコードで書かないといけない（Beansはありますが）のが原則で、見栄えが良くないですが、サーバーが安いようなので、アップまでするかもしれません。

    スター

この質問へのコメント

質問の情報

登録日時

2017-10-18 14:52:32

終了日時

2017-10-25 14:55:11

回答条件

1人2回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• 【東京ディズニーランドに行きたくても行けない】中学生のとき父親に「ディズニーランドに行きたい」と言っ…匿名質問者12日前
• これらは、猫の嫌う匂いらしい。蠅、蚊、ゴキブリ は、これらを嫌わないのだろうか 　 　●柑橘類の匂い 　…匿名質問者21日前
• アメリカ本土は、４つの時間があるようですが、同じ州なのに、ふたつに分かれているところがあります。銀行…匿名質問者3日前
• 岳父(がくふ)というと、妻の父です。妻の母は、丈母(じょうぼ) でもよいようです。さて、①夫の父は、何と…匿名質問者3日前
• 2025年3月のJR東海ダイヤ改正で最も可能性の高い内容はどれでしょうか？ １ 315系東海道線・御殿場線・身延…匿名質問者3日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ