3

我有以下选择选项代码

<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>
4

2 回答 2

2

我从你的评论中推测你正在使用一个 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>

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

于 2013-07-02T07:30:26.280 回答
1

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

于 2013-07-02T07:41:05.897 回答