jquery記述をJavaScriptに変更

下記コードのうちjqueryの記述をプレーンなJavaScriptに変更したいと思っております。
どのように記述したらよいかご教示いただけますでしょうか。

JavaScript
1<script type="text/javascript" >
2$(function() {
3	$("#PULLDOWN\\.PROGRAM").change(function (e){
4		var version = $("#PULLDOWN\\.VERSION");
5	});
6</script>

下記コードに変えてみたのですが
動かずにTypeErrorとなってしまいました。

JavaScript
1<script type="text/javascript" >
2$(function() {
3	var program = document.getElementById( "#PULLDOWN\\.PROGRAM" );
4	program.change(function (e){
5		var version = document.getElementById("#PULLDOWN\\.VERSION");
6	});
7</script>

HTML
1<select id="PULLDOWN.PROGRAM" name="PULLDOWN.PROGRAM">
2<option value="" selected>プログラムを選択してください</option>
3<option value="プログラム1">プログラム1</option>
4</select>

kei344

2017/04/05 10:37

ご自身で書かれたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

date

2017/04/05 10:54

このプログラムに関係あるhtmlを見せてもらうことは可能ですか

BANDIT1250FABS

2017/04/05 11:12

すみません。HTMLを追記いたしました

think49

2017/04/05 11:41

"program.change(function (e)" 要素ノードに change() は生えてないので addEventListener にする必要がありますね。

行動規範の内容に同意します

回答2件

ベストアンサー

的外れかもしれませんが、jQueryの公式サイトでUncompressed版のソースコードをダウンロードできるので、それを参考にするというのも良いかと思います。
現在の最新バージョン3.2.0でUncompressed版のソースコードの行数は10,000行以上あり、javascriptを理解していないとわからない記述も多いので、初心者にはかなりハードルが高いです。しかし、jQueryが内部で何をしているのかがよくわかりjavascriptについてより深い理解も得られると思うので、一度読んでみると良いと思います。

投稿2017/04/05 14:01

編集2017/04/05 14:06