如何在javascript变量[duplicate]中获取jquery select2的选定值

我使用了多个jquery select2

在我的html中

<select class="select2_demo_3 form-control" style="color: #1c84c6" id="selectSubject" name="selectSubject">
<option value="">Select a Subject</option>
<?php
$query= "SELECT * FROM `tblsubject` WHERE `status`='1'";
$found=mysqli_query($con,$query);
while($row = mysqli_fetch_array($found)){
?>
<option value="<?php echo($row['id']);?>"><?php echo($row['subject_name']);?></option>
<?php
}
?>

<select class="select2_demo_3 form-control" id="selectTopic" name="selectTopic">
<option value="">Select a Topic</option>
<?php
$query= "SELECT * FROM `tbltopic` WHERE `status`='1'";
$found=mysqli_query($con,$query);
while($row = mysqli_fetch_array($found)){
    ?>
    <option value="<?php echo($row['id']);?>"><?php echo($row['topic_name']);?></option>
    <?php
}
?>

然后在我的剧本中

$(document).ready(function(){
$(".select2_demo_3").select2();
});

问题是,虽然我在每个select的id标记中都给出了它,但在检查元素时,我得到了一个不同的id,我认为jquery内部正在设置这个id。 screenshot of inspect

正如你所看到的,它显示了我给定的id,即“selectSubject”,但当我在脚本中写作时

    <script type="text/javascript">
        var questionType=document.getElementById("selectSubject").value;
    </script>

“Uncaught TypeError:无法读取null的属性‘value’”错误

我做错了什么?我可以在javascript中获得select2值吗?或者正确的方法是什么?

已编辑:将getElementById中的id更正为“selectSubject”。