在选择选项中显示一部分价值

拉克希米·普里亚

我可以选择国家和地区代码。在下拉选项中，为了获得用户体验和理解，我正在显示国家名称以及国家/地区代码。作为正常功能，当用户从下拉列表中选择任何值时，该值将显示在输入中，如下所示

但是我希望只有国家代码才能这样显示

我的代码的一部分

<select name="countrycode" class="form-control pf-country" id="countrycode">
    <option data-countryCode="IN" value="91">Code</option>
    <option data-countryCode="IN" value="91">India (+91)</option>
    <option data-countryCode="US" value="1">USA (+1)</option>
    <optgroup label="Other countries">
      <option data-countryCode="DZ" value="213">Algeria (+213)</option>
      <option data-countryCode="AD" value="376">Andorra (+376)</option>
    </optgroup>
</select>

完整的代码在这里

任何人都可以提出建议。

小牛

根据我的理解，您可以尝试这个。作为本示例，它提供了您在问题中提到的确切输出。

https://silviomoreto.github.io/bootstrap-select/examples/#selected-text

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。