如何获得没有变化值的下拉值？

Question

我正在学习jQuery。我的问题是，当我点击编辑按钮时，会显示我选择的特定下拉值。我想要存储在jQuery中的这个选择值，那么如何存储呢？我有附加图像请帮助我。

Answer 1

$('select').val()会为您提供value属性。

如果您希望所选选项的文字使用$('select').find(':selected').text()。

以下是一个例子：

$(function() {
  //Get the selected value
  console.log($('.service_select').val());

  //Captures the selected value when the selection changes
  $('.service_select').change(function() {
    console.log($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="service_select" class="service_select">
  <option value="0">-- Select --</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

Answer 2

尝试

选择值

Before
testTruncateAinFirstNPositions
After
Before
testAreFirstAndLastNCharactersTheSame
After
Before Class
After Class

对于下拉列表的所有选项值

var selected_value= $('.service_select').val();

对于具有键值对的所有选项值

var all_values= $('.service_select option').map(function(obj){ 
     return $(obj).attr('value');
});