Vô hiệu hóa/chỉ đọc thẻ trong html

Question

Làm thế nào chính xác tôi có thể thực hiện việc chọn thẻ chỉ đọc. Tôi đã đọc rằng bạn không thể đặt một lựa chọn là chỉ đọc. Tôi làm điều đó tôi có thể thiết lập nó như là vô hiệu hóa nhưng ... Đó không phải là một lựa chọn. Tôi muốn người dùng xem phần còn lại của các tùy chọn trong thẻ chọn, nhưng không thể chọn một trong số chúng.

Bất kỳ ý tưởng nào?

Answer 1

bạn có thể sử dụng thuộc tính bị tắt. Ví dụ:

.

<select > 
    <option disabled="disabled" value="volvo">Volvo</option> 
    <option disabled="disabled" value="saab">Saab</option> 
    <option disabled="disabled" value="mercedes">Mercedes</option> 
    <option disabled="disabled" value="audi">Audi</option> 
</select> 

Answer 2

giả sử rằng thẻ id = "mySelectID", và jQuery là thường trú, sau đó:

<script language="javascript"> 
// disable all the options that are not in use: 
$("#mySelectID option").not(":selected").attr("disabled", "disabled"); 

// to remove readonly, enable them again: 
$("#mySelectID option").not(":selected").attr("disabled", ""); 
</script> 

Answer 3

tôi đã sử dụng các giá trị khuyết tật được lựa chọn cho thẻ tùy chọn.

Nó sẽ phục vụ mục đích nhắc người dùng chọn một tùy chọn và đồng thời vô hiệu hóa tùy chọn đó.

Ví dụ:

<option selected disabled>-Select-</option> 

Answer 4

https://coderanch.com/t/469173/select-box-READONLY-true

nếu bạn muốn tắt hộp chọn, sau đó bạn có thể sử dụng một mã javascript để kích hoạt nó trở lại trước khi hình thức nộp. Vì vậy, trên các sự kiện onsubmit của mẫu, bạn có thể bật hộp chọn để giá trị của nó cũng được gửi khi biểu mẫu được gửi ...

Answer 5

Bạn có thể làm cho nó giả-readonly bằng cách thêm style="pointer-events:none;"