Twitter下拉式引導設置字段

我正在使用twitter引導前端。我有一個文本字段和一個下拉菜單旁邊：Twitter下拉式引導設置字段

<div class="input-group"> 
    <input type="text" class="form-control" name="opening_hr" id="opening_hr" required> 

     <div class="input-group-btn"> 
     <button type="button" class="btn btn-default dropdown-toggle" 
     data-toggle="dropdown"><span class="caret"></span></button> 
     <ul class="dropdown-menu pull-right" id="opening_hr_select"> 

     @foreach($hours as $hour) 
     <li><a>{{$hour}}</a></li> 
     @endforeach 

    </ul> 
</div>

我試着創建了一個JavaScript函數，它接受兩個參數的文本字段我想編輯和下拉菜單中已選擇：

$(function(){ 

    $(".dropdown-menu li a").click(function(){ 

    var elem = document.getElementById("opening_hr"); 

    elem.text($(this).text()); 
    elem.val($(this).text()); 
}); 

});

以上是簡單的函數沒有參數我試過測試（沒有運氣）。我想實現的是取出選定的值並將其設置爲文本字段值。

請幫忙，謝謝。

來源

2013-12-22 Moe

找到了一種簡單的方法來實現我想要做的事情，而無需使用jQuery或JavaScript。以下是我的解決方案：

<!-- Opening times --> 
    <div class="row"> 
     <div class="col-lg-3"> 
      <label for="opening_time">Opening Time</label> 

       <div class="input-group"> 
        <span class="input-group-addon">Hour</span> 
        <input type="number" max="24" min="1" class="form-control" name="opening_hr" 
             id="opening_hr" 
             required> 

        <span class="input-group-addon">Minute</span> 
        <input type="number" max="60" min="0" class="form-control" name="opening_min" 
             id="opening_min" 
             required> 
        </div> 
     </div> 
     </div>

來源

2013-12-23 15:43:19 Moe

的問題是，可變ELEM沒有那麼試圖調用VAL將無法正常工作jQuery對象。因爲你已經使用jQuery的ELEM分配更改爲：

var elem = $("#opening_hr");

，並設置輸入使用：

或將它們組合在一起：

$("#opening_hr").val($(this).text())

來源

2013-12-22 19:03:47

我建議深入挖掘Jquery。其主要特點之一是支持選擇器，所以在你使用Jquery的時候，你應該使用它來訪問一個DOM元素，而不是使用getelementbyid。

ps：我的ipad不喜歡首都，對不起。

來源

2013-12-22 21:10:59 chris342423

Twitter下拉式引導設置字段

回答

相關問題