Javascript Php和Jquery,如何将选项选择值发布到范围中
我想在没有“提交”按钮的情况下将所选选项的值发布到span/标签中,我该怎么做? 我已经用一个输入文本框做了,但是用一个选择选项我就是不能 这是我的实际代码:Javascript Php和Jquery,如何将选项选择值发布到范围中,javascript,jquery,html,Javascript,Jquery,Html,我想在没有“提交”按钮的情况下将所选选项的值发布到span/标签中,我该怎么做? 我已经用一个输入文本框做了,但是用一个选择选项我就是不能 这是我的实际代码: <script type="text/javascript"> function calculateTotal() { var totalAmt = document.addem.total.value; totalR = eval(document.addem.tb1.value * 0.8);
<script type="text/javascript">
function calculateTotal() {
var totalAmt = document.addem.total.value;
totalR = eval(document.addem.tb1.value * 0.8);
document.getElementById('update').innerHTML = totalR;
}
</script>
<div id="swag">
<form name="addem" id="addem">
<select name="simulate_option" id="simulate_opt">
<option value="EUR" selected="selected">EUR</option>
<option value="USD">USD</option>
<option value="CHF">CHF</option>
<option value="GBP">GBP</option>
<option value="RON">RON</option>
<option value="CZK">CZK</option>
<option value="NOK">NOK</option>
<option value="DKK">DKK</option>
<option value="LVL">LVL</option>
<option value="TRY">TRY</option>
<option value="HRK">HRK</option>
<option value="SEK">SEK</option>
<option value="PLN">PLN</option>
<option value="HUF">HUF</option>
<option value="MXN">MXN</option>
<option value="CAD">CAD</option>
</select>
<input type="text" name="tb1" onkeyup="calculateTotal()"/>
<span class="swag" id="update">0</span>
<input type="hidden" name="total" value="0"/>
</form>
函数计算器总计(){
var totalAmt=document.addem.total.value;
totalR=eval(document.addem.tb1.value*0.8);
document.getElementById('update')。innerHTML=totalR;
}
欧元
美元
瑞士法郎
英镑
罗恩
捷克克朗
诺克
DKK
LVL
尝试
HRK
瑞典克朗
印尼国家电力公司
哈夫
MXN
计算机辅助设计
0
这段javascript代码应该会有所帮助
//runs when a value is changed in the combobox.
var dropdown = document.getElementById("simulate_opt");
dropdown.onchange = function(event){
//loads data from combobox.
var val = dropdownoptions[simulate_opt.slectedIndex].value;
//CHANGE THESE 2 strings.
Ajax("id of div to be changed", "url to the php file", array(val));
}
//A basic dynamic javascript function for AJAX
//div is div to be changed, url = url to php file.
//vars = array with items to be send via Post
function Ajax(div, url, vars){
var xml = new XMLHttpRequest(); //wont work in ie7 or lower
xml.onreadystatechange=function(){
if(xml.readyState==4 && xml.status==200){
document.getElementById(div).innerHTML=xml.responseText;
}
};
xml.open("POST",URL,true);
xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");
sendXML(xml, vars);
}
function sendXML(xml, vars){
var send = "";
var i = 1;
for(var x in vars){
y = vars[x];
send = send+"&var"+i+"="+y;
i++;
}
xml.send(send);
}
然后有一个像这样的php文件
<?php
$var = $_POST['var1'] //loads the selected value
echo $var; //shows selected value.
?>
有一种叫做jquery的东西……您有一些选择。如果您不希望在提交时执行此操作,那么您实际希望在什么事件中发回服务器?是的,但是什么代码:/?你能把它贴出来吗?这不是密码工厂。您尝试过什么,哪些不起作用?当用户选择货币类型时,它会自动将该值更新为span或labelIt的jQuery问题的值,因此这应该是jQuery格式。此外,它还省略了需求中的AJAX部分。即使您有jquery,对于这样简单的事情是否禁止使用普通javascript?我强烈建议您不要这样做,特别是在这个问题的上下文中,OP希望使用jquery。除了我没有看到他指定jquerytbh的标记之外,OP在他的问题中既不使用PHP也不使用JQuery,但他给它加了这样的标签,也许这是他那部分的错误?
//for instance
Ajax("header", "loadHeader.php", Array("hello"."world");
//In php the array items are obtainable as follows.
$_POST['var1']; // this is "hello"
$_POST['var2']; // this is "world"
//if any more array items were added they would've been.
$_POST['var3']; //etc for as much as were set.