我正在尝试将 JavaScript 变量传递给隐藏输入按钮的值,以在 PHP 文件输出中使用。
我的 HTML 是:
<input type = "hidden" id = "location2" name = "location2" value = ""/>
我正在使用这个 onclick="myFunction();"在我的“提交表单”输入中运行该函数,因为它无法在 window.load() 中完成
下面的 JavaScript 是从另一个函数调用索引并将文本分配给变量“位置”(我知道这听起来很奇怪,但这是迄今为止我让它工作的唯一方法):
function myFunction() {
var x = document.getElementById("box2").selectedIndex;
var y = document.getElementById("box2").options;
var location=(y[x].text);
document.getElementById("location2").value=(location);
}
任何帮助将不胜感激,因为我真的很挣扎并且已经为此工作了一段时间(正如你可能会说的,我真的不知道我在做什么) - 我只需要调用它的值(value)变量到我的 PHP 文件输出中,我的 Web 表单的大部分已完成。
非常感谢
马库斯
我刚刚更改了 HTML,如下所示 我已从提交中删除了 myFunction
我添加了以下 HTML 按钮:
<button onclick="myFunction();" id = "location2" name = "location2" value="">Click me</button>
变量正在传递!!!唯一的问题是当我按下 onclick 按钮时,它现在正在提交我的表单!
我可以用这段代码替换我以前的提交按钮吗?
感谢大家对此的帮助!!
最佳答案
我不确定你在做什么,但下面的例子可能对你有帮助。它将发布值以及选项文本。
这里我们使用 print_r
打印 AJAX 请求中的 $_POST
数组。使用此方法,您应该能够调试问题。
<!DOCTYPE html>
<html>
<body>
<?php if($_POST) {
print_r($_POST); die;
} ?>
<form name="" id="" method="post" >
Select a fruit and click the button:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>
<input type = "hidden" id = "location2" name = "location2" value = ""/>
<input type = "hidden" id = "locationname" name = "locationname" value = ""/>
<button type="submit" id="submit">Display index</button>
</form>
<script>
function myFunction() {
var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
//alert("Index: " + y[x].index + " is " + y[x].text);
document.getElementById("location2").value=(y[x].index);
document.getElementById("locationname").value=(y[x].text);
//alert($("#location2").val());
}
var submit = document.getElementById('submit');
submit.onsubmit = function(e){
myFunction();
};
</script>
</body>
</html>
关于javascript - 将 JavaScript 变量传递到 HTML 输入框并(在 PHP 文件中使用),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29360894/