Javascript-使用函数返回select MVC6 taghelper元素的选定值

我使用ASP.NET core MVC6，因此我在下拉列表中使用select taghelper。这一切都是可行的，我有一个国家的下拉列表。如下图所示，存在一个选定状态

在Javascript中，我希望获得此下拉列表的选定值。我尝试了以下每一种：

        var getSelectedState1 = function () {
            return $State.val;
        };

        var getSelectedState2 = function () {
            return $("#State").val;
        };

..并且都返回空字符串

因为State是State select元素的元素ID，我已经从blog和页面源代码中识别了它

    <div class="form-group">
        <label class="col-md-2 control-label" for="State">State:</label>
        <div class="col-md-10">
            <select class="form-control" data-val="true" data-val-required="A State name is required" id="State" name="State"><option value="NSW">New South Wales</option>
<option selected="selected" value="VIC">Victoria</option>
<option value="QLD">Queensland</option>
<option value="SA">South Australia</option>
<option value="WA">Western Australia</option>
<option value="TAS">Tasmania</option>
<option value="NT">Nothern Territory</option>
<option value="ACT">Australian Captial Territory</option>
</select>
            <span class="text-danger field-validation-valid" data-valmsg-for="State" data-valmsg-replace="true" />
        </div>

eg id=状态

使用断点并检查getSelectedState的值，两次尝试都会得到一个空返回

如何使用函数用下拉列表的选定值填充变量getSelectedState

---

注意：虽然这是针对Javascript用户的，但问题可能与以下事实有关：它是一个MVC6 Taghelper元素，我没有正确访问它-这可能是它返回而不是Javascript的原因。

return$State.val；valYes后面的括号有效。谢谢你，斯蒂芬。