Mit jQuery gibt es eine Möglichkeit, den ersten Buchstaben jedes Wortes in einem Wert der Datenlistenoption

Question

Großschreibung zu machen Ich habe ein Eingabeformular mit einer Datenliste von Optionen. Ich möchte den ersten Buchstaben jedes Wortes im Value-Attribut groß schreiben.

Was ich habe:

<div class="input-group"> 
<input type="text" name="q" id="s" list="states" class="form-control" placeholder="Enter State Name Here" data-bvalidator="required"> 
<datalist id="states"> 
    <option value="New hampshire"></option> 
    <option value="New jersey"></option> 
    <option value="New mexico"></option> 
    <option value="New york"></option> 
    <option value="North carolina"></option> 
    <option value="North dakota"></option> 
    <option value="Rhode island"></option> 
    <option value="South carolina"></option> 
    <option value="South dakota"></option> 
    <option value="West virginia"></option> 
</datalist><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-play"></span></button> 
</span> 

Was ich brauche:

<div class="input-group"> 
<input type="text" name="q" id="s" list="states" class="form-control" placeholder="Enter State Name Here" data-bvalidator="required"> 
<datalist id="states"> 
    <option value="New Hampshire"></option> 
    <option value="New Jersey"></option> 
    <option value="New Mexico"></option> 
    <option value="New York"></option> 
    <option value="North Carolina"></option> 
    <option value="North Dakota"></option> 
    <option value="Rhode Island"></option> 
    <option value="South Carolina"></option> 
    <option value="South Dakota"></option> 
    <option value="West Virginia"></option> 
</datalist><span class="input-group-btn"><button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-play"></span></button> 
</span> 

Answer 1

in Ihrem CSS, setzen:

#s option { 
text-transform: capitalize; 
} 

Answer 2

Ungeprüfte, aber es sollte in etwa so funktionieren, dass das Verfahren einen Blick auf this answer haben ersetzen:

function toTitleCase(str) { 
    return str.replace(/\w\S*/g, function(txt) { 
     return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); 
    }); 
} 
// grep all options 
var dataList = $('#states').find('option'); 
// loop over them 
dataList.each(function() { 
    // and replace the original value 
    this.value = toTitleCase(this.value); 
});