Javascript 如何仅显示多个下拉值数组中的1个？

我可以就如何做到这一点寻求帮助吗？下拉选项将保留2个值，但其中只有1个值将被重新定义为自己的值，然后第2个值将仅用于输出到文本字段中

有可能这样做吗

这是下拉列表

<select name="mydropdown" id="mydropdown">
    <option value="0">Please select</option>
    <option value="{1:2}">Option 1</option>
    <option value="{3:4}">Option 2</option>
</select>

<input type="text" name="myreceiver" id="myreceiver" value="" />

选项1的输出应显示1或2，选项2的输出应显示3或4

编辑：是否也可以将

选项1

仅识别为值1，将

选项2

识别为值4

基本上会发生的是

<option value="{1:2}">Option 1</option> <!-- The data must only be recognized as value 1 as option value will be saved in database --> 
<option value="{3:4}">Option 2</option> <!-- The data must only be recognized as value 3 as option value will be saved in database -->

选项1
选择2

但是对于

，当您选择选项1或选项2时，它将识别为选项1=2，选项2=4

在选项1的示例中，基本情况是

数组值1

将仅用于下拉值，而

数组值2

将仅在输入文本中输出

---

下拉选项将保留2个值，但只有1个值将被识别为其自己的值，而另一个值将用于在文本字段中显示。

我仍然不确定您的确切意思，但这是否提供了预期的输出

Jsfiddle：

$（“#我的下拉列表”）.change（函数（）{
让value=this.value.replace（/[{}]/，''）.split（'：'）；
$（“#myreceiver”）.val（值[0]）；
log（值[1]）//使用第二个值执行操作
});

预期输出是什么？当您说is应该显示

1

或

2

时，这是如何确定的？随机？@atymic如果示例我只希望1显示为输出？有可能吗？对于第二个例子，您希望看到

3

？@atymic我做了一些编辑，有可能这样做吗？我还将

用作变量保持器，但我还需要它在输入文本中显示不同的输出。例如，对于选项1，它将只被识别为值1，但当它被输出到文本框时，它将被识别为值2。是！这正是我正在寻找的，我现在的问题是我需要

选项1

仅被识别为值：2，而

选项2

仅被识别为值：4。As下拉值2和4最终将作为下拉值保存在数据库中。您是否控制输出HTML的脚本？表单是如何提交的？

value=“{1:2}”

实际上是列值，但我只需要在数据库中输入1，2仅用于输出。因此，当我更改下拉列表时，它也会更改文本字段。我的意思是，您可以控制HTML生成吗？如果是这样，您应该设置一个

data display=“

属性，然后我们可以使用JS读取该属性。这允许您将

值

属性设置为正确的值，以便在提交表单时工作

<option value="{1:2}">Option 1</option> <!-- The data must only be recognized as value 1 as option value will be saved in database --> 
<option value="{3:4}">Option 2</option> <!-- The data must only be recognized as value 3 as option value will be saved in database -->