jQuery ボタン押下時にSelctBoxの値を取得

前提・実現したいこと

jQueryを使用し、実装しようとしています。
ボタン押下時にSelctBoxの値を取得したいのですが、
下記のソース結果を試しにalertで取得した値を確認してみたところ[object Object]が
返ってきてしまいます。

ボタン押下時にSelectBoxで選択した値の取得方法を教えて頂けないでしょうか？
宜しくお願い致します。

該当のソースコード

jQuery
1【HTML】
2<select name="Video" id="ptn">
3　<option value="10" selected>PTN１</option>
4　<option value="20">PTN２</option>
5　<option value="30">PTN３</option>
6</select>
7
8<input type="button" id="totalBtn" value="計算"/>
9
10【jQuery】
11$(function(){
12    //  ボタン押下
13    $("#totalBtn").on("click", function(){
14        // SelectBox  値の取得
15        var ptn = $("#ptn");
16        alert(ptn);
17    });
18});
19

補足情報

jQueryのバージョン　3.3.1

kei344

2018/06/25 06:39

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

momo.hi

2018/06/25 06:46

ご指摘いただき、有難うございました。始めたばかりで使い方がまだ分からなくてすみません。

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

回答3件

 var val = $('[name=Video]').val();
 console.log(val); // 10

です。

Qiita -【jQuery】セレクトボックスの選択要素を抽出

投稿2018/06/25 06:52

euledge

総合スコア2404

momo.hi

2018/06/25 07:01

解決することができました。私の分かりづらいソースに対して、具体的なソースを送っていただきありがとうございました。今後とも、お世話になると思いますが、宜しくお願い致します。

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

ベストアンサー

「jQuery 入力フォーム値取得」で検索してみたら結構出てくるはずです。。

蛇足：
[Object]と出てきたからには、そのObjectから利用できる情報があるという意味になります。
alert()ではなくconsole.log()を利用すると何が利用できるか分かりますので、確認してみてください。
というかJavaScriptでのデバッグはconsole.log()の方がよく使われます。覚えておいてください。