我希望 html 选择的 ID 和名称具有不同的值

Question

我有国家和州的下拉列表，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>

Answer 1

您从表单发送的值存储在选项标签的 value 属性中