将两个Jquery表单元素分别组合在一起工作，而不是一起工作？_Jquery_Ajax_Forms

将两个Jquery表单元素分别组合在一起工作，而不是一起工作？

jquery ajax forms

将两个Jquery表单元素分别组合在一起工作，而不是一起工作？,jquery,ajax,forms,Jquery,Ajax,Forms,我正在尝试使用Jquery元素（滑块）构建表单。我还添加了一个Jquery插件，它为我提供了一个复杂的drowpdown元素。只要它们在分开的文件中，它们都可以正常工作。当我在标题部分合并它们和所需资源时，滑块或下拉列表不会显示。合并文件看起来像附件，crome console出现以下错误：未捕获类型错误：对象[Object Object]没有方法“selectList” 看起来头中的资源以某种方式覆盖了自身？你能帮我吗 <html lang="en"> <head>

我正在尝试使用Jquery元素（滑块）构建表单。我还添加了一个Jquery插件，它为我提供了一个复杂的drowpdown元素。只要它们在分开的文件中，它们都可以正常工作。当我在标题部分合并它们和所需资源时，滑块或下拉列表不会显示。合并文件看起来像附件，crome console出现以下错误：

未捕获类型错误：对象[Object Object]没有方法“selectList”

看起来头中的资源以某种方式覆盖了自身？你能帮我吗

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Eingabe</title>




  <link rel="stylesheet" type="text/css" href="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/css/selectlist.css" >
  <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.min.js"></script>
  <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.selectlist.pack.js"></script>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" >
  <style>#slider { margin: 10px; }  </style>
  <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> 



  </head>

  <body>

<h1>Eingabe Suchauftrag</h1>

<table border="1">
  <tr>
    <td>Wo</td>
    <td>
    <select name="Stadt" size="1" onchange="fuellestadteile(this)">
      <option value="6">Frankfurt</option>
      <option value="7">Stuttgart</option> 
    </select>
    </td>

    <td>


    </td>
  </tr>

  <tr>
    <td>Zimmer Minimum:</td>
    <td><div id="sliderzimmer"></div></td>
  </tr>

  <tr>
    <td>Preisspanne:</td>
    <td><div id="slider-range"></div></td>
  </tr>

    <tr>
    <td>Vor- Nachname</td>
   <td><input type="name"/></td>
  </tr>
   <tr>
    <td>Emailadresse</td>
    <td><input type="email"/></td> 
  </tr>
  <tr><td colspan="2"><button type="button">Abschicken!</button><td></tr>
</table>


<p>Dein Suchauftrag:</p>
Ich suche in Frankfurt eine Wohnung
mit mindestestes  <input type="text" id="anzahlzimmer" style="border: 0; color: #f6931f; font-weight: bold;" />Zimmer die im Monat 
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
kostet.
Meine Emailadresse lautet: 





<!--<label for="anzahlzimmer">Price range:</label></p>
<label for="anzahlzimmer">Donation amount ($50 increments):</label></p>
--> 


<script>
$( "#slider" ).slider();
</script>




<script>
// Anzahl Zimmer
$(function() {
    $( "#sliderzimmer" ).slider({
      min: 1,
      max: 5,
      step: 1,
      value: 3,
      slide: function( event, ui ) {
        $( "#anzahlzimmer" ).val( ui.value );
      }
    });
    $( "#anzahlzimmer" ).val( $( "#sliderzimmer" ).slider( "value" ) );
  });
  </script>



 <script>
 //Preis
  $(function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 0,
      max: 3000,
      step: 50,
      values: [ 800, 1200 ],
      slide: function( event, ui ) {
        $( "#amount" ).val(ui.values[ 0 ] + " EUR - " + ui.values[ 1 ]+" EUR" );
      }
    });
    $( "#amount" ).val($( "#slider-range" ).slider( "values", 0 ) +
      " EUR - " + $( "#slider-range" ).slider( "values", 1 ) +" EUR" );
  });


  </script>



  <script>
   function uebertrage(wo,zimmerpreismin,zimmerpreismax,zimmeranzahl,vorname,nachname, email)
   {
       alert('Uebertrage '+wo+' '+zimmerpreismin+' '+zimmerpreismax+' '+zimmeranzahl+' '+vorname+' '+nachname+' '+email);
       $.ajax({
           type: "POST",
           cache: false,
           url: "form_process.php",
           data: "wo="+wo +"&zimmerpreismin="+zimmerpreismin+"&zimmerpreismax="+zimmerpreismax+"&zimmeranzahl="+zimmeranzahl+"&vorname="+vorname+"&nachname="+nachname+"&email="+email,
           /*data: { variable2: "variable2" },*/
           /*data: dataString,*/
           success: function(msg){
               alert("Success! "+msg);
               /*alert(variable2);*/
           }
       });

       }


   function validateEmail(email) {
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        return emailReg.test( email );
    }

    var clicked = jQuery("button");

    clicked.click(function() {
       var wo="Frankfurt";

        var zimmerpreismin = $("#slider-range").slider("values", 0); 
        var zimmerpreismax = $("#slider-range").slider("values", 1);
        var zimmeranzahl = $("#sliderzimmer").slider("value");  
        var name  = jQuery("input[type='name']").val();

        var teile = name .split(" "); 
        var vorname = teile[0];
        var nachname= teile[1];


        var email = jQuery("input[type='email']").val();


        ( !validateEmail(email) ) ? alert('Ungültige Emailadresse bitte korrigieren') : alert("Richtige Addy und Zimmerpreismin "+zimmerpreismin+email+name) 

                    uebertrage(wo, zimmerpreismin,zimmerpreismax,zimmeranzahl, vorname,nachname, email);    
                    });

  </script>


  <script type="text/javascript">
function fuellestadteile(obj)
{
alert ('Hilfe'+obj.value);
}
</script>



<?php

include("/home/www/web0/html/devscan/private/mylibaryconnect.php");
$connID = connect_to_mylibrary();

$citychoice='6';
$databaseSelector="usr_devscan";
$query=mysql_db_query($databaseSelector,"SELECT location_internal_id , location_name FROM Locations WHERE location_internal_id LIKE '$citychoice%' ORDER BY location_internal_id ASC")or die(mysql_error());
$row_query = mysql_fetch_array($query);
$totalRows_query = mysql_num_rows($query);

while ($row_query = mysql_fetch_assoc($query)) {
    $dropdownlist[] = array($row_query['location_internal_id'],$row_query['location_name']);
}

?>


<select id="stadtteile" multiple="multiple" name="languages[]"  title="Stadtteile">

<?php
foreach ($dropdownlist as $zeile ) {
//ACHTUNG DER ERSTE DATENEINTRAG WIRD NICHT ANGEZEIGT ARRAYPROPBLEM?
echo '<option value="'.$zeile[0].'">'.$zeile[1].'</option>';

 } ?>

</select>



<script type="text/javascript">
  //$(document).ready(function () {
    $(function() {
    $('select#stadtteile').selectList({ sort: true });
  });
</script>

</body>
</html>


艾因加贝
#滑块{边距：10px；}
艾因加贝苏查夫特拉格酒店
沃
法兰克福
斯图加特
Zimmer最小值：
Preisspanne：
沃纳克纳姆
电子邮件地址
小鸡！
德恩·苏查夫特拉格：
我是在法兰克福的一个城市
麻省理工学院精神病院
科斯特特。
Meine EmailAddresse lautet：
$（“#滑块”）.slider（）；
//安扎尔·齐默
$（函数（）{
$（“#sliderzimmer”）.滑块({
民:1,，
最高：5，
步骤：1，
价值：3，
幻灯片：功能（事件、用户界面）{
美元（“#anzahlzimmer”）.val（ui.value）；
}
});
$（“#anzahlzimmer”）.val（$（“#sliderzimmer”）.slider（“value”）；
});
//普赖斯
$（函数（）{
$（“#滑块范围”）。滑块({
范围：对，
分:0,，
最高：3000，
步骤：50，
值：[8001200]，
幻灯片：功能（事件、用户界面）{
美元（“#金额”）.val（ui.values[0]+“EUR-”+ui.values[1]+“EUR”）；
}
});
$（“#金额”）.val（$（“#滑块范围”）.slider（“值”，0）+
“欧元-”+$（“#滑块范围”）。滑块（“值”，1）+“欧元”）；
});
功能uebertrage（wo、zimmerpreismin、zimmerpreismax、zimmeranzahl、vorname、nachname、电子邮件）
{
警报（'Uebertrage'+wo+''+zimmerpreismin+''+zimmerpreismax+''+zimmeranzahl+''+vorname+''+nachname+''+电子邮件）；
$.ajax({
类型：“POST”，
cache:false，
url:“form_process.php”，
数据：“wo=“+wo+”&zimmerpreismin=“+zimmerpreismin+”&zimmerpreismax=“+zimmerpreismax+”&zimmeranzahl=“+zimmeranzahl+”&vorname=“+vorname+”&nachname=“+nachname+”&email=“+email，
/*数据：{variable2:“variable2”}*/
/*数据：dataString*/
成功：功能（msg）{
警报（“成功！”+msg）；
/*警报（可变2）*/
}
});
}
功能验证电子邮件（电子邮件）{
var emailReg=/^（[\w-\.]+@（[\w-]+\.）+[\w-]{2,4}）？$/；
返回emailReg.test（电子邮件）；
}
点击var=jQuery（“按钮”）；
单击。单击（函数（）{
var wo=“法兰克福”；
var zimmerpreismin=$（“#滑块范围”）。滑块（“值”，0）；
var zimmerpreismax=$（“#滑块范围”）。滑块（“值”，1）；
var zimmeranzahl=$（“#sliderzimmer”）。滑块（“值”）；
var name=jQuery（“输入[type='name']”）.val（）；
var teile=name.split（“”）；
var vorname=teile[0]；
var nachname=teile[1]；
var email=jQuery（“输入[type='email']”）。val（）；
（！validateEmail（email））？警报（“Ungültige emailadrese bite korrigieren”）：警报（“Richtige Addy und Zimmerpreismin”+Zimmerpreismin+email+name）
uebertrage（wo、zimmerpreismin、zimmerpreismax、zimmeranzahl、vorname、nachname、电子邮件）；
});
功能燃料供给器（obj）
{
警报（“Hilfe”+目标值）；
}
//$（文档）.ready（函数（）{
$（函数（）{
$（'select#statteile'）。selectList（{sort:true}）；
});

它们必须在jQuery脚本标记下。您必须首先加载jQuery和jQuery UI。

首先加载

jQuery

jQuery UI

此外，还要删除

jQuery

库的副本

你有：

 <script type="text/javascript" src="http://web0.v1364.ncsrv.de/devscan/jqueryselectlist/scripts/jquery.min.js"></script>

及

删除一个…（我建议保留最新的…）

前者是

1.8.0

的缩小版嗨，谢谢你们的建议。我两个都试过了。只是重新排序没有帮助。我还删除了第二个链接，但它不起作用。最后我将所有JQuery Resources改为1.8。现在看起来和预期的一样！非常感谢！

<script src="http://code.jquery.com/jquery-1.9.0.js"></script>