选择列表中的选项时单击按钮

问：

我有一个国家/地区列表，根据选择哪个国家/地区计算运费：

<label for="country_shipping">
    country
</label>
<select required name='country_shipping' id="country_shipping" type="text">
    <option>
        <?php echo esc_html($country_shipping); ?>
    </option>
    <?php include "../auth/pages/countries_list.php" ?>
</select>

然后我有一个按钮，一旦用户从列表中选择，它就会开始计算运费：

<input type="submit" name="register"></input>

如果我从列表中选择，然后单击按钮，一切正常;但是我怎样才能避免我必须单击按钮才能开始计算的事实呢？ 换句话说，当有人点击按钮时，选择选项的事实如何激活该按钮？

我尝试了不同的 JavaScript 解决方案，但似乎没有任何效果。