在jQuery中获取文本输入val总是为空

我正在提取用户放入Jquery文本字段中的值，但该值为空。也许我在这里做错了一些东西，或者我试图访问某个东西的克隆，而不是真正的元素，因为输入的值在fullcalendar的popover中。我正在使用引导程序。这是我的代码。在jQuery中获取文本输入val总是为空

$(document).on('click', '#saveEvent', function() { 
 
    //save to db 
 
    var yogaspaceid = $("#HiddenYogaSpaceId").val(); 
 
    var eventTitle = $("#eventTitle").val(); // always empty 
 
    //var eventTitle = $("#eventTitle").attr('value'); //always emtpy 
 
    var eventStartTime = $("#timeSelect").val(); 
 
    var eventDuration = $("#timeDuration").val(); 
 
    $.post(
 
      '/ManageSpaces/SaveNewEvent', 
 
      { id: yogaspaceid, title: eventTitle, startTime: eventStartTime, duration: eventDuration} 
 
     ); 
 
    $calPopOver.popover('destroy'); 
 
    //refresh callendar or add new event then re render 
 
});

<div id="eventcalendar"> 
 
      <div class="col-md-10"> 
 
       <div id='fullcalendar' style="width:100%"></div> 
 
       <div id="day-popover-head" class="hide">Add Event</div> 
 
       <div id="day-popover-content" class="hide"> 
 
        @*<form role="form">*@ 
 
         <div class="form-group"> 
 
          <label for="eventTitle">Title:</label> 
 
          <input type="text" id="eventTitle" class="form-control"> 
 
         </div> 
 

 
         <div class="form-group"> 
 
          <label for="timeSelect">Select time:</label> 
 
          <select class="form-control" id="timeSelect"> 
 
           
 
          </select> 
 
          <br> 
 
          <label for="timeDuration">Select duration:</label> 
 
          <select class="form-control" id="timeDuration"> 
 
           <option value="30">30 min</option> 
 
           <option value="45">45 min</option> 
 
           <option value="60">60 min</option> 
 
           <option value="75">75 min</option> 
 
           <option value="90">90 min</option> 
 
           <option value="105">105 min</option> 
 
           <option value="120">120 min</option> 
 
          </select> 
 
         </div> 
 

 
        <div class="form-inline"> 
 
         <button type="button" id="saveEvent" class="btn btn-default">Submit</button> 
 
         <button type="button" id="cancelEvent" class="btn btn-default">Cancel</button> 
 
        </div> 
 
        @*</form>*@ 
 
       </div> 
 
      </div> 
 
      <div id="eventDetails" class="col-md-2 collapse" style="background-color:yellow;"> 
 
       hello 
 
      </div> 
 
     </div>

来源

2015-04-03 user1186050

你的代码工作正常。检查这个 - http://jsfiddle.net/8nw5xkom/ – Sam 2015-04-03 00:59:08

不知道为什么它不适合我在我的代码中，但我通过查看另一个帖子解决了它。将在下面发布答案。 – user1186050 2015-04-03 01:10:26

可能是你有两个元素相同的** ID **'eventTitle'，只是检查你的HTML代码 – 2015-04-03 05:26:54

只好用

变种EVENTTITLE = $（ “酥料饼#eventTitle。”）VAL（）;

不知道为什么，我在电话使用.popover，但找到了解决办法here

来源

2015-04-03 01:11:50 user1186050

在jQuery中获取文本输入val总是为空

回答

相关问题