如何使用jQuery从下拉列表中获取默认值

Question

如果用户没有从下拉列表中选择任何值，那么我需要下拉列表的默认值用于业务逻辑，那么我必须使用下拉列表的默认值

Answer 1

您可以通过执行document.getElementById('idoftheselect').value

来获得它

function getDefaultVal() {

  console.log(document.getElementById('sel').value)

}

<select id='sel'>
  <option val='1'>1</option>
  <option val='2'>2</option>
  <option val='3'>3</option>
  <option val='4'>4</option>
  <option val='5'>5</option>
</select>

<button type='button' onclick='getDefaultVal()'>Get Value</button>

Answer 2

再添加一个具有选定属性的选项

<select id="someId">
 <option value="0" selected>Default</option>
</select>

使用此

$('#selector option:selected').val();

Answer 3

在这种情况下，在下拉列表中再添加一个选项，例如

<option value="-1">-select-</option>

然后使用jquery

$('select option:selected').val();

将始终给出当前下拉菜单的选定值。