2015-05-25 20 views
5

Tôi có một hộp chọn để lựa chọn mã quốc gia: -chọn giá trị thích hợp từ thuộc tính

<div class="selectWrap"> 
    <select name="countryCode" id="countryCode"></select> 
</div> 

Nó được dân cư sử dụng javascript và được lựa chọn thích sau: -

<option data-phone-code="+91">91&nbsp(India)</option> 

Bây giờ tôi muốn chọn giá trị chỉ +91.

Tôi đã cố gắng này

var country = document.getElementById("countryCode"); 
var prefix = country.options[country.selectedIndex].value; 

Nhưng điều này trả về giá trị đầy đủ với Country.

Tôi làm cách nào để đạt được điều này?

+0

tốt bạn không có giá trị để nó sử dụng văn bản. Thêm thuộc tính value hoặc sử dụng thuộc tính data. – epascarello

+1

Câu trả lời của Donal cho tôi. Cảm ơn ! và có, tôi đã thay đổi javascript của mình thành ccode.value = "+" + quốc gia [i] .phoneCode; Đồng thời cũng đã làm việc :) –

+1

nếu câu trả lời của người được giúp đỡ, bạn nên đánh dấu nó là được chấp nhận. – Vignesh

Trả lời

6

Sử dụng getAttribute, ví dụ:

country.options[country.selectedIndex].getAttribute('data-phone-code'); 
+1

Nó chỉ hoạt động mà không có thêm .value bởi vì nếu bạn thêm .value nó trả về undefined – speedDeveloper

+2

@speedDeveloper Có, 'getAttribute' trả về giá trị của thuộc tính - vì vậy chúng tôi không cần phải gọi' .value'. – Donal

Các vấn đề liên quan