日期:2014-05-16  浏览次数:20681 次

ajax控制select框动态修改内容
有做过这种效果的没,一选择其他问题,就弹出一个层,来填写具体的问题。这个层有个提交按钮,提交后,在原来的框里显示刚才添加的东西。并且把刚才提交的东西插入到数据库。
------解决方案--------------------
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0-beta1.js"></script>
</head>
<body>
<select id="select">
    <option value="1">问题一</option>
    <option value="2">问题二</option>
    <option value="3">问题三</option>
    <option value="4">问题四</option>
    <option value="other">其他问题</option>
</select>
<script type="text/javascript">
$(function(){
    $("#select").change(function(){
        if($("#select option:last").prop('selected')){
            alert('111111');
            //这里可以调用弹出层插件
        }
    })
})
    
        
    
</script>
</body>

</html>

------解决方案--------------------
这个一般做法是选择其他问题时显示一个输入框或textarea即可,这儿用弹出层体验不好
------解决方案--------------------
可能需要,在弹出层后,保存记录到相应的 数据库或配置文件或cookie里,关闭弹出层,再重新加载相应的数据。
------解决方案--------------------
给他绑定Change事件。
弹框的时候处理他填写的数据,插入数据库。

完成后给一个提示,关闭即可。

父页面可以操纵子页面的数据和按钮,

也可以获取到子页面里填写的问题。

给你一个弹框的实例http://blog.csdn.net/hiyooa/article/details/19119575
------解决方案--------------------
这个实例就是在请求页面里面处理的数据,且将数据插入了数据库~~