javascript - Html5 Dropdown 获取文本结果为 NaN

Question

我有一个用 php 完成的下拉菜单，如下所示:

function HowDangerIsAProduct(){
        $howDangerIsAProductInNumbers = array("secure","mostly Secure","very Danger");

        $stringchain = '<select class="form-control" id="HowDangerIsaProduct" name="HDIAP">';
        $stringchain .= '<option disabled="disabled">How Danger would you rate that product</option>';



        foreach ($howDangerIsAProductInNumbers as $hdiapin)
        {
            $stringchain .= '<option>'
                 .$hdiapin
                 .'</option>';
        }

        $stringchain .= '</select>';

        return $strinchain;
    }

现在用户应该选择一个选项，并且我想要获取文本，因此我构建了一些 javascript/jQuery 代码来获取所选文本:

$('#HowDangerIsaProduct').change(function(){
    Impact =  + $(this).text();
});

我也尝试了.val()，但它的结果始终是NaN 但是，如果我将数字放入数组中(例如 1,2,3,4)，它可以正常工作，但我想将文本保存到数据库中。

知道如何解决这个问题吗？

Answer 1

Impact =  + $(this).text();

将返回 Nan，因为您正在尝试将字符串整数设为正值。

因此只需删除字符串前面的 + 即可:

Impact =  $(this).text();

注意: 如果文本是数字，请首先使用 parseInt 转换为 Number。

Impact =  + parseInt($(this).text())