从js中选择的html选项返回最后2个字符

Question

我有一个选择框，上面附有国家值（例如英国）

我的目标是根据所选的选项在页面上显示国旗图像

无法在选择选项中插入图像路径，因此我希望能够提取选项值的最后2个字符，并在生成的图像src eg中使用它们

<img src="/images/countries/IN.png">

印度

这可以用js来完成吗？

我有以下与jQuery返回所选选项的文本值的时刻，但想在图像URL实现这一点。

$(document).ready(function(){
    $("select.country").change(function(){
        var selectedCountry = $(".country option:selected").val();
        document.getElementById("resultDiv").innerHTML = selectedCountry;
    });
});

html prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<form>
    <label>Select Country:</label>
    <select class="country">
        <option value="United States US">United States US</option>
        <option value="India IN">India IN</option>
        <option value="United Kingdom UK">United Kingdom UK</option>
    </select>
</form>
<div id="resultDiv"><img src="images/++RESULT++.png"></div>

Answer 1

您可以使用获取最后两个字符。子字符串（）

selectedValue.substring(selectedValue.length-2, selectedValue.length)

Answer 2

我现在已经用下面的代码解决了这个问题。谢谢大家的帮助！

$(document).ready(function(){
    $("select#country").change(function(){
        var selectedCountry = $("#country option:selected").val();
        var countryCode = selectedCountry.substring(selectedCountry.length-2, selectedCountry.length);
        $("#CountryFlag").html("<img src=\"/images/countries/" + countryCode + ".GIF\"  /> </object>");
    });
});