[英]Php and Jquery, How do i post a option selected value into a span
I want to post a value of a selected option into a span/label without submit button?, how do I do that? 我想在没有提交按钮的情况下将选定选项的值发布到跨度/标签中吗?该怎么做? I've already did it with a input text box but with a selection option I just can't...
我已经用输入文本框做到了,但是有了选择选项,我做不到……
Here's my actual code: 这是我的实际代码:
<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>
this piece of javascript code should help. 这段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);
}
Then have a php file like this. 然后有一个这样的PHP文件。
<?php
$var = $_POST['var1'] //loads the selected value
echo $var; //shows selected value.
?>
The Ajax function can be used to realtime update the page without need for refreshing. Ajax函数可用于实时更新页面,而无需刷新。 it calls to a php script which then can modify a div with
echo
. 它调用一个php脚本,然后可以用
echo
修改一个div。 give the Ajax function the ID of a div that will be changed by php, the url to php and put any variables php needs from the client in an array as the third variable. 给Ajax函数一个将由php更改的div的ID,将URL更改为php,并将来自客户端的php需要的所有变量放入数组中作为第三个变量。
//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.
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.