<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="../jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<script type="text/javascript">
$(function(){
// $("select[name='projectName']") $("#projectName").change(function(event) {
/* Act on the event */
$("#projectName").find('option:selected').text();
var projectId=$("#projectName").find('option:selected').val();
$.ajax({
url:'package_usb_submit.php',
type: 'post',
dataType: 'text',
data:'contents='+projectId,
success: function (data) {
// console.log(data)
var jsonObj=eval("("+data+")");
// console.log(jsonObj);
// console.log(jsonObj['content']);
var jsonArr=jsonObj['content'];
var option;
$("#version").empty();
for (var i = 0; i<jsonArr.length; i++) {
console.log(jsonArr[i].desc); option = $("<option>").val(jsonArr[i].ver).text(jsonArr[i].desc);
$("#version").append(option); } } }) }) });
// }) </script>
<body>
<div align="center"> <form action="package_usb_submit.php" method="get" accept-charset="utf-8">
<table>
<tbody>
<tr>
<td>打包版本:</td> <td>
<select name="projectName" id="projectName">
<?php
for ($i=0; $i <3 ; $i++) {
echo "<option value='$i'>";
echo "$i";
echo "</option>";
}
?>
</select>
</td> <td>
<select name='version' id='version'>
<?php
for ($i=0; $i <5 ; $i++) {
echo "<option value='$i'>";
echo "$i";
echo "</option>";
}
?>
</select>
</td> </tr>
</tbody>
</table>
<input type="submit" name="" value="OK">
</form> </div> </body>
</html>
后台数据返回:
<?php // print_r($_REQUEST);
switch ($_REQUEST['contents']) {
case 0:
echo '{"content":[{"ver":"10","desc":"abc"},{"ver":"12","desc":"abcd"}] }';
break;
case 1:
echo '{"content":[{"ver":"1","desc":"abc"},{"ver":"2","desc":"abcd"}] }';
break;
default:
# code...
break;
} ?>
ajax异步提交数据动态更改select选项的更多相关文章
-
jQuery选取所有复选框被选中的值并用Ajax异步提交数据
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
-
JQuery中使用FormData异步提交数据和提交文件
web中数据提交事件是常常发生的,但是大多数情况下我们不希望使用html中的form表单提交,因为form表单提交会中断当前浏览器的操作并且会调到另一个地址(即使这个地址是当前页面),并且会重复加载一 ...
-
ajax异步获取数据后动态向表格中添加数据(行)
因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1.HTML页面 <!doctype html> ...
-
ASP.NET MVC 网站开发总结(五)——Ajax异步提交表单之检查验证码
首先提出一个问题:在做网站开发的时候,用到了验证码来防止恶意提交表单,那么要如何实现当验证码错误时,只是刷新一下验证码,而其它填写的信息不改变? 先说一下为什么有这个需求:以提交注册信息页面为例,一般 ...
-
AJAX异步提交,浏览器总跳出下载界面
问题: 我在写一个网页的“用户登录”部分时,要将用户名和密码传到后端验证,想在前端用了AJAX异步提交功能,将 用户名密码传到后端,然后后端返回验证结果.但AJAX写好后每次刷新网页都会跳出下载窗口, ...
-
Ajax异步提交登录(2)--登录使用
http://cjp1989.iteye.com/blog/1740964 1.Ajax的原理: Ajax的原理就是:通过javascript的方式,将前台数据通过xmlhttp对象传递到后台,后台在 ...
-
ASP模拟POST请求异步提交数据的方法
这篇文章主要介绍了ASP模拟POST请求异步提交数据的方法,本文使用MSXML2.SERVERXMLHTTP.3.0实现POST请求,需要的朋友可以参考下 有时需要获取远程网站的某些信息,而服务器又限 ...
-
09.VUE学习之watch监听属性变化实现类百度搜索栏功能ajax异步请求数据,返回字符串
cmd下安装axios npm install axios 安装好后,会多出node_modules文件夹 思路: 监听data里的word改变时,发送ajax异步请求数据, 把返回的数据赋值给dat ...
-
Ajax如何提交数据到springMVC后台
现在好多web项目实现前段和后端分离,实现前端和后端技术人员,使他们加快开发,减少沟通上的问题,后台只需要提供访问接口,而前天只需要调用提供的接口即可.减少前后端的沟通上的成本 本项目是开发中发现aj ...
随机推荐
-
apache通过cgi调用exe程序
windows下,使用c写了一个简单的cgi程序,生成exe类型的可执行文件,代码如下: #include<stdio.h> int main() { printf("Conte ...
-
WebBrowserControl
Before navigating the URL, write meta into webbrowser's documenttext property as follows: //Setting ...
-
Tkinter教程之Menu篇
本文转载自:http://blog.csdn.net/jcodeer/article/details/1811321 '''Tkinter教程之Menu篇''''''1.创建一个简单的Menu'''# ...
-
NSNumber与NSInteger的区别 -bei
基本类型,如同C 语言中的 int 类型一样,拿来就可以直接用. 而类在使用时,必须先创建一个对象,再为对象分配空间,接着做初始化和赋值. 类的初始化,需用类自身的方法 (类方法). 代码中所创建的对 ...
-
Eclipse运行慢
http://blog.csdn.net/chrissata/article/details/7759836 http://blog.csdn.net/heyutao007/article/detai ...
-
SqlServer Partition 分区表
分区表 测试版本: Microsoft SQL Server 2014 - 12.0.2000.8 (X64) Feb 20 2014 20:04:26 Copy ...
-
Oracle 查询两个时间段内的所有日期列表
1.查询某时间段内日期列表 select level,to_char(to_date('2013-12-31','yyyy-mm-dd')+level-1,'yyyy-mm-dd') as date_ ...
-
2018.11.28 RF基础1
1 射频元件 高频电阻: 高频电容: 高频电感: 2 传输线 a 传输线效应:阻抗,3M法则. b 同轴线:RF中用 c 微带线: 常用: 1/4变换线 回波损耗:用网络分析仪测量 插入损耗:传输功率 ...
-
ES6——Class的继承
class 的继承和使用. 子类继承父类,使用extends关键字. 为父类知道那个静态方法,使用 static方法名字super: 在构造函数中,可以当一个函数来使用,相当于调用父类的构造函数. 在 ...
-
hasOne
public boolean hasOne(int n) { int lastdigit=0; while( n >0 ){ lastdigit=(n % 10); if(lastdigit== ...