wie Speicherplatz in HTML erhalten Option Liste auswählen <Option Wert = 'Hallo'> Hallo</option>

Question

Ich habe eine Auswahl Kontrolle. Ich versuche, dieses Steuerelement mit jQuery zu aktualisieren, aber den Wert nach dem Platz weglassen.

if (brandObj != "") { 
    brandObj = eval("(" + brandObj + ")"); 
    $.each(brandObj, function(i, item) { 
     $("#<%=listBrand.ClientID%>").append( "<option value="+ item.Brand + ">" + item.Brand + "</option>"); 
    }); 

} 

Die Daten, die ich vom Server

bekommen Aber nachdem es als HTML-select machen, ist es das Wort weglassen nach space.whole Wert gibt es aber, sobald ich den Wert bekommen, es habe nur die Hälfte (der Wert, der in Anführungszeichen). Ich habe versucht,   hinzuzufügen, aber es zeigt, wie es ist. Es wird nicht als Platz gerendert. Bitte geben Sie Ihren Vorschlag an.

Answer 1

Sie sollten Wert von Attributwert in Zitat einwickeln (Zitat It). Wenn Sie sie nicht wickeln in Zitat dann Wert nach Raum wird als Attribut in Betracht gezogen wird selbst:

$("#<%=listBrand.ClientID%>").append("<option value='"+ item.Brand + "'>" + item.Brand + "</option>"); 

Answer 2

Wie ich in den comment erwähnt habe, kann das Problem durch Umwickeln des value Attributwert in Anführungszeichen gelöst werden.

.append("<option value='" + item.Brand + "'>" ... 
        ^    ^

Allerdings werde ich die Verwendung von Option Konstruktor empfehlen dynamisch neue <option> Element zu erstellen.

Demo:

var arr = [{ 
 
    text: 'Hello World!', 
 
    value: 'hello World' 
 
}, { 
 
    text: 'Bye World!', 
 
    value: 'bye World' 
 
}]; 
 

 
var select = document.getElementById('mySelect'); 
 

 
// Iterate over array 
 
arr.forEach(function (obj, i) { 
 
    // Create new <option> with dynamic value and text 
 
    // Add the <option> to the <select> 
 
    select.appendChild(new Option(obj.text, obj.value)); 
 
});

<select id="mySelect"></select>