Javascript Php和Jquery,如何将选项选择值发布到范围中

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);

我想在没有“提交”按钮的情况下将所选选项的值发布到span/标签中,我该怎么做? 我已经用一个输入文本框做了,但是用一个选择选项我就是不能

这是我的实际代码:

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