jquery - 更改选择菜单的选中框中的文本 onChange 事件

Question

我有一个带有选项的选择菜单

<select>
<option>--1</option>
<option>--2</option>
<option>--3</option>
<option>--4</option>
</select>

当我从选择菜单中选择一个项目时，它会在框中显示'--2'。我只想在所选项目框中显示'2'。我该怎么做？

如果我在 jQuery 中得到一个解决方案，那会更可取。

注意:我不想随时更改下拉菜单中显示的值，但选择框中显示的值不能有“--”(破折号)。

Answer 1

看起来你想要做的是有一个显示值和一个 Javascript 可以读取的值。在这种情况下，我建议您更改 select 元素，而不是编写自定义 javascript 来更改外观。这听起来可能会解决您的问题。

我会按照以下方式编写 select:

<select>
    <option value="--1">1</option>
    <option value="--2">2</option>
    <option value="--3">3</option>
    <option value="--4">4</option>
</select>

然后读取值而不是选项元素的文本(参见:http://www.w3schools.com/TAGS/tag_option.asp)

您提出的解决方案很难使用 javascript 或 jquery 实现，除非您使用自定义元素覆盖整个选择。