html ComboBox或DropDownlist

Posted 2021-05-11

// get selected text

$("#ddlProcessDept option:selected").text();

/// link
 eComboBox:
http://www.devcurry.com/2011/05/jquery-editable-combo-box.html

<%-------------------------------------------------------------------
If you want instant update you need to specify the valueUpdate option where the possible events are:
keyup, keypress, afterkeydown:
<input type="text" data-bind="value: Name, valueUpdate: 'afterkeydown'"></input>
 
 
 
 /// HTML code
  <div class="col-md-6">
      <div class="form-group">
          <label class="control-label">Users<span style="color: red">*</span></label>
                                      
          <select data-bind="options: $root.UserArray,
            optionsText: 'UserName',
            optionsValue: 'SSUserId',
            value: $root.UserSelected, event: { change: $root.UserChanged }, optionsCaption: 'Add New'"
             id="ddlUserList" class="form-control">
          </select>
       
      </div>
  </div> 
                        
                        
                        =========== X ============
                        //// js code
$("#ddlUserList").eComboBox({
            'allowNewElements': true,		// default : true
            'editableElements': true		// default : true
        });