如何删除选择框的所有选项,然后添加一个选项并使用jQuery选择它？

$('#mySelect')
    .empty()
    .append('text')
    .find('option:first')
    .attr("selected","selected")
;

$("#control").html("The Option...");

感谢我收到的答案,我能够创建符合我需求的以下内容.我的问题有些含糊不清.感谢您的跟进.通过在我想要的选项中包含"selected"来解决我的最终问题.

$(function() {
  $('#mySelect').children().remove().end().append('One option') ; // clear the select box, then add one option which is selected
  $("input[name='myRadio']").filter( "[value='1']" ).attr( "checked", "checked" ); // select radio button with value 1
  // Bind click event to each radio button.
  $("input[name='myRadio']").bind("click",
                                  function() {
    switch(this.value) {
      case "1":
        $('#mySelect').find('option').remove().end().append('One option') ;
        break ;
      case "2":
        $('#mySelect').find('option').remove() ;
        var items = ["Item1", "Item2", "Item3"] ; // Set locally for demo
        var options = '' ;
        for (var i = 0; i < items.length; i++) {
          if (i==0) {
            options += '' + items[i] + '';
          }
          else {
            options += '' + items[i] + '';
          }
        }
        $('#mySelect').html(options);   // Populate select box with array
        break ;
    } // Switch end
  } // Bind function end
                                 ); // bind end
}); // Event listener end

One
Two

$('#mySelect').html('text');

$('#mySelect').html('
    text1
    text2
    text3
');

$('#select').empty().append($('').text('---------').attr('value',''));

var ClearOptionsFast = function(id) {
    var selectObj = document.getElementById(id);
    var selectParentNode = selectObj.parentNode;
    var newSelectObj = selectObj.cloneNode(false); // Make a shallow copy
    selectParentNode.replaceChild(newSelectObj, selectObj);
    return newSelectObj;
}

$('#mySelect').find('option').not(':first').remove();

$('#mySelect').find('option').not('[value=123]').remove();

$("#id option").remove();
$("#id").append('TestText');