javascript - 如何使用javascript永久更改选择选项文本

Question

我有以下选择选项代码

<select id="test" onchange="changeContent()">
<option>1</option>
<option>2</option>
<option>3</option>
</select>

javascript代码是

function changeContent()
{
    document.getElementById('test').options[0].text = 'ONE';
}

现在它改变了我的选项值，当我刷新页面时它又回到旧页面我怎么能像永久更改选项值一样。

<select id="test" onchange="changeContent()">
<option>ONE</option>
<option>2</option>
<option>3</option>
</select>

Answer 1

根据您的评论，我假设您正在使用一个 php 文件，其中 <select>是。 让我们称之为 file.php

在 file.php 中你可以有这样的东西: (我没有对此进行测试，但我认为这是满足您需求的良好开端)

<?php
session_start();
$value1 = 1; $value2 = 2; $value3 = 3;
$_SESSION["value1"] = 1;$_SESSION["value2"] = 2;$_SESSION["value3"] = 3;
if ($_POST['value'] == 1) {$_SESSION["value1"] = 'One';}
if ($_POST['value'] == 2) {$_SESSION["value2"] = 'Two';}
if ($_POST['value'] == 3) {$_SESSION["value3"] = 'Three';}
?>


<select id="test" onchange="changeContent()">
<option value="1"><?php echo $_SESSION["value1"]; ?></option>
<option value="2"><?php echo $_SESSION["value2"]; ?></option>
<option value="3"><?php echo $_SESSION["value3"]; ?></option>
</select>


<script type="text/javascript">
window.onload = function() {
function changeContent(){
var e = document.getElementById("test");
var newval = e.options[e.selectedIndex].value;
xmlhttp.open("POST","file.php",true);
xmlhttp.send("value="+newval);
}
};
</script>

这只会使它在刷新后可用，如果你想将它存储到数据库中，则有点不同。然后我们需要您所拥有的更多信息/代码。