dropdownlist在箭頭上選擇文本更改按鍵

我有一個Dropdownlist.I在該下拉列表中添加了包裝類。並且此類在dropdownlist後添加了span以顯示選定的文本。dropdownlist在箭頭上選擇文本更改按鍵

<span class="select-wrapper"> 
<select name="MethodId" id="Status" class="product-select product-select-js"> 
<option value="">---Select---</option> 
<option value="0">GET</option> 
<option value="1">POST</option> 
<option value="2">FTP</option> 
</select> 
<span class="holder">POST</span> 
</span>

而且我想改變下拉列表中選擇文本鍵盤方向鍵（上，下，左，右）新聞發佈會。

但是，這是工作在谷歌瀏覽器，但不是在firefox.And我發現這是因爲下拉列表的跨度包裝。

有沒有人有解決這個問題？

來源

2015-02-24 user3848036

，我看不出有任何的jQuery代碼？ – empiric 2015-02-24 15:13:15

添加jquery我的意思是這應該由jquery – user3848036 2015-02-24 15:33:24

@ user3848036修復，似乎你問某人爲你解決問題，但你還沒有試圖自己解決它？對其進行攻擊併發布您嘗試的以及您遇到的問題 – workabyte 2015-02-24 15:50:04

因此，要逐步打破這種情況，首先您需要include jQuery on your page。

然後你可以使用jQuery到add an event listener到你的drop down box。

然後在事件監聽器中，您將需要get the value of the drop down box.。

然後你會想set the value of your span.

然後因爲這個問題被標記與jQuery你最終將與類似

<!DOCTYPE html> 

    <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8" /> 
     <title></title> 
     <script src="scripts/jquery-2.1.3.js"></script> 
     <script> 
      $(function() { 
       $('#Status').on('change keyup', updateValue); 
      }); 
      function updateValue() { 
       $('.holder').text($(this).find(':selected').text()); 
      } 
     </script> 
    </head> 
    <body> 
     <span class="select-wrapper"> 
      <select name="MethodId" id="Status" class="product-select product-select-js"> 
       <option value="">---Select---</option> 
       <option value="0">GET</option> 
       <option value="1">POST</option> 
       <option value="2">FTP</option> 
      </select> 
      <span class="holder"></span> 
     </span> 
    </body> 
    </html>

來源

2015-02-24 16:09:39 workabyte

嗨workabyte，感謝您的回覆。您在ddl change事件中設置了.holder值，但是當我們通過鍵盤的箭頭鍵進行更改時，ddl change事件並未觸發這就是爲什麼我很難做到這一點。 – user3848036 2015-02-25 06:51:05

@ user3848036看到我編輯的腳本塊，在FF中，只有在使用箭頭鍵更改值時離開DDL時纔會觸發更改事件，因此如果您不想更改焦點，那麼您需要綁定到keyup事件和更改事件 – workabyte 2015-02-25 17:02:52

謝謝它的工作。 – user3848036 2015-02-26 08:33:02

dropdownlist在箭頭上選擇文本更改按鍵

回答

相關問題