jQuery和訪問下拉值

Question

我試圖對放置在輸入框中的值執行不同的操作，具體取決於在兩個下拉框中所做的選擇。 在這種情況下，它正在轉換速度。 獲取輸入框的值沒有問題，但是我對如何獲取下拉框中選擇的內容感到有些困惑-似乎無法正常工作。 目前，即使未選擇從FPS轉換為MPH的所有if語句，所有內容都默認為第一個if語句。

目前，我只是“實現”了從FPS轉換為MPH / KMH / MS的數學方法，看來我將要獲得很多if else語句，因此也想知道是否有更好的方法關於它。

如果您的左手感到困惑，我建議您看一下： http : //jsfiddle.net/Deva/RPkpW/

Answer 1

使用jQuery的.val()方法獲取下拉列表的值。

例如，要獲取<select name="types">所選<option>的值，

var selected = $('#fpsConvForm').find('select[name="types"]').val();

您的標記省略了<option>元素上的value屬性，因此（按照規范）這些元素的值默認為標記中的文本。

Answer 2

它的工作原理與從輸入框中獲取它的工作原理相同，您可以分配選擇一個ID，就像使用$（“＃idhere”）在輸入框中輸入ID一樣，然后將所選下拉列表的值拉下來，不同之處在於您分配了選項的值（請參見下文）

     <SELECT id="example">
     <OPTION VALUE=a SELECTED>example1
     <OPTION VALUE=b>example2
     <OPTION VALUE=c>example3
     <OPTION VALUE=d>example4
     </SELECT>

使用$（“＃example”）定位時返回的值將等於當時選擇的任何下拉列表的值。

Answer 3

這是一些工作代碼向您展示如何使用它

http://jsfiddle.net/ppumkin/UwddM/

根據組合框的值進行更改，獲取並確定要執行的操作。