使用Javascript将现有div移动到另一个div中

时间:2014-04-23 17:50:32

标签: javascript php jquery html

从第一个下拉列表中选择一个选项后,根据所选选项显示另一个下拉列表。当从第二个选项中选择一个选项时,所选的一个值将被发送到隐藏在页面顶部的输入元素。它还调用函数“bolumGonder”,它使用GET方法将包含输入元素的表单提交到同一页面。然后根据GET变量从数据库中检索一些数据。 PHP

<?php
session_start();
if (isset($_GET['bolumtani']) && !empty($_GET['bolumtani'])) {
    include_once 'alinabilendersler.php';
}   
?>

HTML

<script>    
    function bolumGonder() {
        var seciliBolum = $(".insaat").val();
        if ( seciliBolum.length > 0 ) {
            $("#bolumtani").val(seciliBolum);
            document.bolumtaniform.submit();
        }       
    }
</script>
<form name="bolumtaniform" action="program.php" method="GET">   
    <input name="bolumtani" id="bolumtani" type="text" style="display:none" />
</form>

<div id="orta_div">
    <select class="fakulte_sec" onclick = "bolumAc()">
        <option selected>Fakülte</option>
        <option value="insaat">İnşaat Fakültesi</option>
        <option value="mimarlik">Mimarlık Fakültesi</option>
        <option>Makina Fakültesi</option>
        <option>Uçak ve Uzay Bilimleri Fakültesi</option>
    </select>

    <select class="insaat" style="display:none" onchange="bolumGonder()">
        <option value="" selected>Bölüm</option>
        <option value="ins">İnşaat Mühendisliği %30</option>
        <option value="inse">İnşaat Mühendisliği %100</option>
        <option>Çevre Mühendisliği %30</option>
        <option>Çevre Mühendisliği %100</option>
    </select>

    <select class="mimarlik" style="display:none">
        <option>Mimarlık %30</option>
        <option>İnşaat Mühendisliği %100</option>
        <option>Çevre Mühendisliği %30</option>
        <option>Çevre Mühendisliği %100</option>
    </select>
    <div class="uygun_dersler_ana_div" style="width:100%; color: white; height: 1500px;position: absolute ;overflow: hidden"><?php if (isset($_GET['bolumtani']) && !empty($_GET['bolumtani'])) {$sonuc = bolum($_GET['bolumtani']);} else {}?></div>

</div>

来自MySQL的Gettin数据

<?php
##Database Bağlantısı##
$host = 'host';
$user = 'username';
$pass = 'password';
$db = 'databasename';

$baglan = mysql_connect($host, $user, $pass);
mysql_select_db($db);

mysql_query("SET NAMES 'utf8'  ");
mysql_query("SET CHARACTER SET utf8");
mysql_query("SET COLLATION_CONNECTION = 'utf8_turkish_ci' ");


## Her Ders İçin Ayrı Tablo Oluştur ##            

function bolum($degisken) {
    # Ders Kodlarını Al # # Gets Class Name From Another Website, Asign them into an array ##
    $ch = curl_init("someURL");
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $cl = curl_exec($ch);
    $dom = new DOMDocument();
    @$dom->loadHTML($cl);
    $xpath = new DOMXpath($dom);

    $derskodlari = $xpath->query("//option[position() >1]");
    $todbderskodlariarr = array();
    foreach ($derskodlari as $derskodu) {
        $todbderskodlariarr[] = $derskodu;
    }

    $todbderskodu = array();

    foreach ($todbderskodlariarr as $todbderskoduarr) {
        $todbderskodu[] = $todbderskoduarr->nodeValue;
    }

    ## This is just an exception. ##
    $todbderskodu[81] = "MODD";

    for ($a = 0; $a < count($todbderskodu); $a++) {
        @$todbderskodu[$a] = mysql_query("SELECt crnler, derskodu, gun, bina, dersadi FROM $todbderskodu[$a] WHERE dersialabilen LIKE '%" . $bolum . "%'");
    }

    $a = 0;
    while ($a < count($todbderskodu)) {
        while ($row = mysql_fetch_array($todbderskodu[$a], MYSQL_NUM)) {
            $class = substr($row[1], 0, 3);
            echo '<div class="' . $class . '" id="' . $row[0] . '">' . $row[4] . $row[0] . '&nbsp; |' . $row[2] . '</div>';
        }
        echo '<br>';
        $a = $a + 1;
    }
}
?>

到目前为止一切都很完美。脚本创建具有类AKM,ALM,ATA,UCK等的div。我想将所有具有相同类的div放入classname_main_div中。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

使用循环div的类并附加到另一个div,如:

$(".looped-divs").appendTo(".container-div");

希望有所帮助 干杯!

PD:记得改用GET变量来避免SQL注入