獲取選擇選項文本

Question

我有一個包含以下值的選擇列表：

<select id="selectOption">
<option value="10">within 10 miles</option>
<option value="25">within 25 miles</option>
<option value="50">within 50 miles</option>
<option value="100">within 100 miles</option>
<option value="250">within 250 miles</option>
<option value="500">within 500 miles</option>

進行選擇后，我正在使用jquery來獲取選擇選項文本，然后將選擇選項值分配給變量：

    alert($j("select option:selected").text());
    if($j("select option:selected").text() == 'within 10 miles'){
        distance = $j("select option:selected").val()
    }
    if($j("select option:selected").text() == 'within 25 miles'){
        distance = $j("select option:selected").val()
    }
    if($j("select option:selected").text() == 'within 50 miles'){
        distance = $j("select option:selected").val()
    }
    if($j("select option:selected").text() == 'within 100 miles'){
        distance = $j("select option:selected").val()
    }
    if($j("select option:selected").text() == 'within 250 miles'){
        distance = $j("select option:selected").val()
    }
    if($j("select option:selected").text() == 'within 500 miles'){
        distance = $j("select option:selected").val()
    }

    alert(distance);

瘋狂的是，這在我的開發組織中有效，但是當我將其推出到我的暫存區時，它不再有效。 當我顯示警報時，我將得到以下值：

“ SearchAllwithin 100 miles”

它應該是：“ 100英里內”

額外的“搜索全部”文本從哪里來？ 我找不到那是哪里來的？？

任何幫助表示贊賞。 謝謝！

Answer 1

您可能select在頁面上進行其他select ，使用id作為選擇器。

不需要if conditions 。 嘗試這個：

alert($('#selectOption option:selected').text());
distance = $('#selectOption option:selected').val();
alert(distance);

Answer 2

我不確定為什么會選擇所有選項。 也許是由於錯誤，您可能會在其中包含該文本。

由於您是jQuery ，請使用.change事件處理程序。

我認為您甚至不需要if..else..聲明。

$(document).ready(function(){
  $('#selectOption').on('change', function() {
  //---- Todos
  $(this).find('option:selected').text(); //get the selected option's text
  var distance = $(this).find('option:selected').val();  //get the selected option's value     
  // or even $(this).val();
  alert(distance);
  });
});

檢查這個JSFiddle

Answer 3

如果您只想要選定的值，則只需使用

var distance = $j("#selectOption").val()

無需先選擇文本，然后再選擇值。

Answer 4

您可以使用以下代碼直接獲取選定的索引值

$(document).ready(function()
{
   $('#selectOption').change(function()
   {
      var dis = $('#selectOption').val();  
   });
});