使用javascript创建一个属性与文本值相同的html元素

我想创建一个HTML元素，如下所示：

<option value="Replaced">by this</option>

<option value="value">ThisIsTest</option>

例如：

<option value="ThisIsTest">ThisIsTest</option>

编辑

我必须使用jQuery，类似这样，value=ThisIsTest：

$("button").click(function(value) {
   $("#number").append("<option value=\"" + value + "\">" + value + "</option>");
});

但它总是返回如下HTML：

<option value="Replaced">by this</option>

<option value="value">ThisIsTest</option>

---

我也试过了，但也没用

如果不确定这是否是您想要的，但如果您想将值从按钮传递到事件，您可以使用数据属性，请检查下面的示例

希望这有帮助

一小条 $button.clickfunction{ var按钮_值=$this.data'value'； $select.append+按钮_值+； }; 添加选项1 添加选项2 添加选项3

---

不确定为什么这段代码不起作用，但是如果省略value属性，默认值将是显示文本

如果选择此选项，此属性的内容表示要随表单提交的值。如果省略此属性，则该值取自option元素的文本内容。

---

这有点令人困惑。为什么要将选项附加到段落？你想达到什么目的？@LucasRodrigues:很抱歉把你弄糊涂了。我不想在段落中附加选项。这只是伪代码，可能是一个坏代码：您是否试图用innerText替换值？我认为此上下文中的值是事件，而不是选项的文本。谢谢，我将尝试让您知道。就像我上面回答的，我的例子只是伪代码，一个糟糕的例子。我不想在段落中附加选项：@LouisT我只是注意到您试图将值传递给click事件，您不能用这种方式，您必须使用数据属性。。检查我的更新。你是对的，我应该先得到值。非常感谢你的帮助