Làm cách nào để tự động tạo một <option> trong JavaScript có chứa thực thể HTML (- ... «)?

Question

Tôi muốn thêm một tùy chọn < > yếu tố để một < chọn > yếu tố nơi văn bản < tùy chọn > phần tử chứa một thực thể HTML: & mdash;

Trong HTML, mã sẽ trông như thế này:

<select name="test" id="test"> 
    <option value="">&mdash; Select One &mdash;</option> 
</select> 

đang

My JavaScript trông như thế này:

function selectOne() { 
    var e = document.getElementById('test'); 
    e.options[0] = new Option('— Select One —', ''); 
} 

Tuy nhiên, như bạn sẽ thấy nếu bạn kiểm tra này, & mdash; trở nên trốn thoát. Tôi đã có kết quả tương tự khi tôi đã cố gắng:

e.options[o].text = '— Select One —'; 

(hành vi quan sát được trong Internet Explorer 7   ... không thử nghiệm với Firefox, Safari, vv - Internet   Explorer 7 là trình duyệt duy nhất tôi cần . tại thời điểm này)

Answer 1

tôi chỉ nhận ra tôi có thể sử dụng một lối thoát Unicode JavaScript:

e.options[0] = new Option('\u2014 Select One \u2014', ''); 

Answer 2

Bạn không cần phải thoát khỏi các thực thể - nó hoạt động như thế này:

function selectOne() { 
     var e = document.getElementById('test'); 
     e.options[0] = new Option('— Select One —', ''); 
} 

Answer 3

text thuộc tính không bị thoát, vì nó có nghĩa là phải được thực hiện theo nghĩa đen. Nếu bạn sử dụng innerHTML, các thực thể được chuyển đổi thành các ký tự tương ứng.

e.options[o].innerHTML = '— Select One —';