2014-04-04 23 views
5

burada jsfidder http://jsfiddle.net/a3LwW/4/<option></option>

Sorunum <option>

içeriğinde jQuery val() birden boşluklar olan ise bana doğru değeri verir, ancak tarayıcı <option> olarak vermektedir dizede yalnızca bir boşluk varsa.

<option> içinde birden çok alanı doğru şekilde işlemenin bir yolu var mı?

<option><pre>three spaces</pre></option>'u denedim, ancak istediğimi yapmıyor.

spaces in select option

HTML

<select id="list"> 
    <option>one space</option> 
    <option>two spaces</option> 
    <option>three spaces</option> 
</select> 
<p>Current Value:<pre id="val"></pre></p> 

JS

function update_val() { 
    $('#val').text($('#list').val()); 
} 

$('#list').change(update_val); 

//init 
update_val(); 

cevap

7

Kullanım &nbsp; (normalde aralık için kullanabilirsiniz, ancak don't have many more options in <select> elements olmamalıdır):

<select id="list"> 
    <option>one space</option> 
    <option>two &nbsp;spaces</option> 
    <option>three &nbsp;&nbsp;spaces</option> 
</select> 

Updated Fiddle

+0

gibi

, aslında benim veri knockoutjs aracılığıyla kullanıcı arayüzüne, ajax ile backend bağlama geldi. Verilerin görüntülenebilir bir formunu kullanıcı arayüzüne eşlemek için bir yol bulabileceğimi düşünüyorum. Teşekkürler! – huocp

+0

@huocp Glad Yardım edebilirim. Kabul etmeyi/kabul etmeyi unutmayın! – SomeKittens

1

&nbsp; dışındaki boşluk karakterleri deneyinböyle &thinsp;, &ensp; ve &emsp; olarak.

İlginç
<option>three &emsp; spaces</option> 
+0

Gerçekten benim gerçek uygulamasında, verilerim javascript kodundan bağlı olduğundan görüntülenebilir alanlara kolayca eşleme yapmam gerekiyor. Tek bir alanı bir ' ' ile eşleştirmek tek ihtiyacım olan şey. Ama HTML'deki boşluklar için teşekkürler, daha önce hiç kullanmadım! – huocp

İlgili konular