javascript - JQuery 按文本从选项中选择

Question

我有以下 html:

<select class="select optional form-control" id="search_form_handover_location" name="search_form[handover_location]"><option value="">Wybierz miejsce odbioru</
    <option value="Gdańsk">Gdańsk</option>
    <option value="Gdańsk">Gdańsk, Lotnisko</option>
    <option value="Ożarowice">Katowice, Lotnisko</option>
</select>    
<select class="select optional form-control" id="search_form_return_location" name="search_form[return_location]"><option value="">Wybierz miejsce zwrotu</option>
      <option value="Gdańsk">Gdańsk</option>
      <option value="Gdańsk">Gdańsk, Lotnisko</option>
      <option value="Ożarowice">Katowice, Lotnisko</option>
</select>

在我的应用程序中，我使用 JQuery 来自动完成第二个选择。因此，当您在第一次选择中选择“Gdańsk”时，它也会在第二次选择中选择它。我的 coffeescript 代码如下所示:

$ ->
  $('#search_form_handover_location').change ->
    location = $("option:selected", this).val()
    $('#search_form_return_location').val(location)

现在我通过使用每个选项的值来做这件事。但是现在我想通过不使用值而是使用文本来做到这一点。因此，当您在第一个选择中选择“Gdańsk, Lotnisko”时，它会在第二个选择选项中自动选择相同的文本。有没有可能解决我的问题？

Answer 1

你可以用这条线获取文本，用它做你想做的事......

$("#search_form_handover_location:selected").text();