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

我在你的评论中提到你正在使用<select>所在的php文件。让我们称之为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>

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

Answer 2

你不能使用javascript更改值并期望它是永久性的。您可能希望在更改时发送ajax请求，并在下次使用更改后的值

进行渲染

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

2 个答案: