选择选项,然后根据选中的's选项进行Ajax/PHP刷新
Select option, then Ajax/PHP refresh regarding to the selected's option
我快疯了。我有一个不同值的select
选项。它们需要每秒作为POST ajax请求发送到一个PHP文件,并打印输出。ajax调用工作正常,我只是无法处理select
上。变化的功能。有人能帮帮我吗?
index . html
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
var currency = '';
$('#currency').on('change', function () {
currency = this.value;
reload_script()
});
function repeatAjax() {
jQuery.ajax({
type: 'POST',
url: 'ajax.php',
data: { 'currency': currency },
dataType: 'text',
success: function (e) {
$('#output').html(e)
},
complete: function () {
setTimeout(repeatAjax, 1000)
}
})
}
repeatAjax()
</script>
</head>
<body>
<b>Please select currency: </b>
<br />
<select name="currency" id="currency">
<option value="">-- Please Select --</option>
<option value="BTC/USD">BTC/USD</option>
<option value="BTC/EUR">BTC/EUR</option>
<option value="BTC/GBP">BTC/GBP</option>
</select>
<br />
<b>Result: </b>
<div id="output"></div>
</body>
</html>
ajax.php
<?php
if(isset($_POST['currency'])) {
switch($_POST['currency']) {
case 'BTC/USD':
echo 'Current currency of BTC/USD: 0.000 / 0.000';
break;
case 'BTC/EUR':
echo 'Current currency of BTC/EUR: 0.000 / 0.000';
break;
case 'BTC/GBP':
echo 'Current currency of BTC/GBP: 0.000 / 0.000';
break;
default:
echo 'Please select currency first.';
break;
}
}
?>
我想这就是你想要的:
var currency = '';
$('#currency').on('change', function () {
currency = $( this ).val(); // <-----------this has been changed
repeatAjax(); // <----- this function has changed
});
function repeatAjax() {
jQuery.ajax({
type: 'POST',
url: 'ajax.php',
data: { 'currency': currency },
dataType: 'text',
success: function (e) {
$('#output').html(e)
},
complete: function () {
setTimeout(repeatAjax, 1000)
}
})
}
repeatAjax()
相关文章:
- 如何取消选择所选选项并将JqueryMobile中选择的值刷新为1st
- 只有当选项卡/窗口有焦点时,页面才能每5秒刷新一次
- AngularJS:点击选项卡刷新视图中的数据
- Selectbox选项在页面刷新jsp后保持选中状态
- Jquery选择菜单选项在页面刷新时失败
- 如何在不刷新页面的情况下每次单击一组选项卡时刷新视图内容窗格
- 如何自动刷新 GWT 选项卡面板中的各个选项卡
- 如何记住提交/刷新后使用的最后一个选项卡
- 页面刷新后,所选选项卡处于非活动状态
- 当我点击浏览器返回选项时,阻止在php上刷新页面
- 如何刷新'选项'ko多选组件中的绑定
- 引导程序3:返回页面刷新的下拉选项卡
- 如何在刷新后激活菜单选项卡
- 谷歌地图没有在标签2中和标签3中正确加载.如何创建刷新选项卡
- 在页面刷新时恢复下拉选择的选项
- Javascript 或 angularjs 在刷新之间延迟浏览器关闭或选项卡关闭
- Firefox DevTools:选项卡和如何在页面重新加载/刷新后保持调试器文件打开?(停止自动关闭)
- 在 AngularJS 中,用于选择不同控制器的选项 - 如何刷新
- 如何根据laravel中选择的选项刷新页面
- jQuery Datepicker-根据所选选项刷新可选择的天数