Javascript 我希望html select的ID和名称具有不同的值

我有国家和州的下拉列表，javascript程序使用国家ID仅显示该国家的状态动态相关性，但我也想将选定的国家和州存储到另一个数据库表中。问题是它正在将ID值存储到我的新表中。目前它存储在选定国家和州的ID上，而不是而不是名字。请帮忙

这是密码

<label>Select Country</label>
<select class="browser-default custom-select" name="DestionationCountry" id="DestionationCountry">
    <option value="">Select Country</option>   
    <?php
        require_once('DbConnection.php');
        $countries = mysqli_query($connection, "SELECT * FROM country ORDER BY country");
        while ($country = mysqli_fetch_assoc($countries)) {
            echo "<option value='" . $country['id'] . "'>" . 
        $country['country'] . "</option>";}
    ?> 
</select>

---

您从表单发送的值存储在option tag的value属性中

Include you table structures中，其中包含有关数据类型的任何相关信息。就我个人而言，我会考虑调整数据库，使其符合我的要求，然后返回并重新编写代码。请添加示例代码，而不仅仅是说明。这将是有益的！这是我的javascript和ajax$.readyfunction{$destinationCountry.changefunction{var destinationCountry=$destinationCountry.val；$destinationCountry选项[value='0'].remove；$.ajax{url:SearchRegion2.php，数据：{country\u id:destinationCountry}，类型：'get'，异步：false，成功：