1. 首页
  2. 问答
  3. Jquery Mobile选择文本的选择返回错误

Jquery Mobile选择文本的选择返回错误

2016-08-12 71 views
-1

我有一个简单的HTML页面有多个选择，在按钮点击，我想读取所有选定的值。我只获得第一个选择的值，其余的都是空值。任何想法为何如此？Jquery Mobile选择文本的选择返回错误

html页面

  $("#btnSearchIncidents").click(function() { 
 
       
 

 
       console.log($("#ddlIncidentID").val()); 
 
       
 
       console.log($("#dhsIncidentId").val()); 
 
       
 
       console.log($("#districtNames").val()); 
 
       
 
       console.log($("#subdistrictNames").val()); 
 
       
 
       console.log($("#unitNames").val()); 
 
       
 
       console.log($("#incidentDate").val()); 
 
       
 
       });
<!DOCTYPE html> 
 
<html> 
 
    
 
    <head> 
 
     <title>JQM latest</title> 
 
     <meta charset="utf-8"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/git/jquery.mobile-git.css"> 
 
     <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
 
     <script src="http://code.jquery.com/mobile/git/jquery.mobile-git.js"></script> 
 
    </head> 
 
    
 
    <body> 
 
      <article data-role="content"> 
 
      <div id="divincidentformtitle1"></div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlIncidentID">Incident ID</label> 
 
       <select id="ddlIncidentID" placeholder="Select Incident ID"> 
 
        <option value="" disabled selected>Please Select an Incident ID</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlIncidentNbr">DHS Incident Number</label> 
 
       <select id="ddlIncidentNbr" placeholder="Select Incident Number"> 
 
        <option value="" disabled selected>Please Select an Incident Number</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlDistrict">District</label> 
 
       <select id="ddlDistrict" placeholder="Select a district"> 
 
        <option value="" disabled selected>Please Select a District</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlSubDist">Sub District</label> 
 
       <select id="ddlSubDist" placeholder="Select a district"> 
 
        <option value="" disabled selected>Please Select a Sub District</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlUnit">Unit</label> 
 
       <select id="ddlUnit" placeholder="Select an Unit"> 
 
        <option value="" disabled selected>Please Select a Unit</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="dateofaccident">Incident Date</label> 
 
       <select id="dateofaccident" placeholder="Select an Unit"> 
 
        <option value="" disabled selected>Please Select an Incident Date</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <button id="btnSearchIncidents" data-theme="c">Search</button> 
 
       </article> 
 
    </body> 
 

 
</html>

来源

2016-08-12 w2olves

回答

1

您将得到错误id到<select> element.The下面的代码工作代码的版本：

<!DOCTYPE html> 
 
<html> 
 
    
 
    <head> 
 
     <title>JQM latest</title> 
 
     <meta charset="utf-8"> 
 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/git/jquery.mobile-git.css"> 
 
     <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
 
     <script src="http://code.jquery.com/mobile/git/jquery.mobile-git.js"></script> 
 
\t \t <script> 
 
\t \t $(function(){ 
 
\t \t $(document).on("click","#btnSearchIncidents",function() { 
 
       
 

 
       console.log($("#ddlIncidentID").val()); 
 
       
 
       console.log($("#dhsIncidentId").val()); 
 
       
 
       console.log($("#districtNames").val()); 
 
       
 
       console.log($("#subdistrictNames").val()); 
 
       
 
       console.log($("#unitNames").val()); 
 
       
 
       console.log($("#incidentDate").val()); 
 
       
 
       }); 
 
\t \t }); 
 
\t \t  
 
\t \t </script> 
 
    </head> 
 
    
 
    <body> 
 
      <article data-role="content"> 
 
      <div id="divincidentformtitle1"></div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="ddlIncidentID">Incident ID</label> 
 
       <select id="ddlIncidentID" placeholder="Select Incident ID"> 
 
        <option value="" disabled selected>Please Select an Incident ID</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="dhsIncidentId">DHS Incident Number</label> 
 
       <select id="dhsIncidentId" placeholder="Select Incident Number"> 
 
        <option value="" disabled selected>Please Select an Incident Number</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="districtNames">District</label> 
 
       <select id="districtNames" placeholder="Select a district"> 
 
        <option value="" disabled selected>Please Select a District</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="subdistrictNames">Sub District</label> 
 
       <select id="subdistrictNames" placeholder="Select a district"> 
 
        <option value="" disabled selected>Please Select a Sub District</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="unitNames">Unit</label> 
 
       <select id="unitNames" placeholder="Select an Unit"> 
 
        <option value="" disabled selected>Please Select a Unit</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <div data-role="fieldcontainer"> 
 
       <label for="incidentDate">Incident Date</label> 
 
       <select id="incidentDate" placeholder="Select an Unit"> 
 
        <option value="" disabled selected>Please Select an Incident Date</option> 
 
        <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
       </select> 
 
      </div> 
 
      <button id="btnSearchIncidents" data-theme="c">Search</button> 
 
       </article> 
 
    </body> 
 

 
</html>

来源

2016-08-13 08:51:09 Homen

+0

是的，请参阅您的html代码。请参阅第二个''元素id是'ddlIncidentNbr' – Homen

+0

我的一个非常愚蠢的错误。谢谢 – w2olves

相关问题

 相关问题