Question

出于某种原因，我在使用jQuery的下拉列表中选择现有空白值时遇到问题。存在空白选项，但通过$('#studyList option[value=""]').prop('selected', 'selected');设置它不起作用（.prop('selected', true)也不起作用）。我做错了吗？

$('#studyList').append(
          $('<option value="155" selected="selected">Study 1</option>'));
$('#studyList').append(
          $('<option value="157">Study 2</option>'));
        
$('#studyList').prepend("<option value='' ></option>");

function clear() {
   $('#studyList option[value=""]').prop('selected', 'selected');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="studyList"></select>

<button id="clear" onclick="clear();" value="Clear">Clear</button>

Answer 1

＆＃13;

$('#studyList').append(
  '<option value="155" selected="selected">Study 1</option>'
);
$('#studyList').append(
  '<option value="157">Study 2</option>'
);

$('#studyList').prepend("<option value='' ></option>");

$('#clear').on('click', function () {
  $('#studyList').val('');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="studyList"></select>

<button id="clear" value="Clear">Clear</button>

＆＃13;

Answer 2

将您的函数命名为clear以外的函数，因为它与built-in function

冲突

$('#studyList').append(
          $('<option value="155" selected="selected">Study 1</option>'));
$('#studyList').append(
          $('<option value="157">Study 2</option>'));
        
$('#studyList').prepend("<option value='' ></option>");

function xclear() {
   $('#studyList option[value=""]').prop('selected', 'selected');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="studyList"></select>

<button id="clear" onclick="xclear();" value="Clear">Clear</button>

此外，正如其他人所提到的，您也可以使用$('#studylist').val('')

设置选择的值

Answer 3

试试这个

$("#studyList").val("");

jQuery设置下拉到空白值

3 个答案: