个人中心
gpt4 book ai didi

javascript - 我想更改选择框的文本而不干扰 "option"标签值

转载 作者：行者123 更新时间：2023-12-03 01:56:00 24 4
gpt4 key购买 nike

我想在选择框中显示特定文本，而不更改/删除选项标记的文本/值。例如当用户选择“+91 印度”时，我只想显示“+91”

function countryChange() {
  //some code  
  document.getElementById('mySelect').value = 'some value';
}
<!DOCTYPE html>
<html>

<body>
  <select id="mySelect" onChange="countryChange()">
    <option value="+91">+91 India</option>
    <option value="+45">+45 Denmark</option>
  </select>
</body>

</html>

最佳答案

您可以这样做

说实话，我不认为你想做的事是个好主意。我建议创建一些 div 并更改其内容。

var select = document.getElementById('mySelect'),
  options = select.options;

select.onchange = function() {
  var option = options[select.selectedIndex];
  option.text = option.value;
  select.blur();
}

select.onfocus = function() {
  for (i = 0; i < options.length; i++) {
    options[i].text = options[i].getAttribute("data-text");
  }
}
<!DOCTYPE html>
<html>

<body>
  <select id="mySelect">
    <option value="+91" data-text="+91 India">+91 India</option>
    <option value="+45" data-text="+45 Denmark">+45 Denmark</option>
  </select>
</body>

</html>

关于javascript - 我想更改选择框的文本而不干扰 "option"标签值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50228463/

24 4 0
文章推荐： javascript - 如何在 TypeScript 中定义由事件处理程序名称和事件处理程序组成的类型
文章推荐： sql-server - SQL 排除先前在另一个类别中选择的行
文章推荐： sql-server - 带 CASE 的 GROUP BY - sql
文章推荐： sql - 获取最近的非空记录
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com