Chọn html có giá trị không?

// yields apples
cy.get('select').select('apples').should('have.value', '456')

nội dung

• 1 Ví dụ về mã
• 2 Gửi dữ liệu tùy chọn trong biểu mẫu
  • 2. 1 Điều gì xảy ra nếu không có giá trị?
• 3 Trình duyệt hỗ trợ giá trị

Mã ví dụ

Select your favorite species of flamingo.


          American flamingo
          Greater flamingo
          Lesser flamingo
          Andean flamingo
          Chilean flamingo
          James's flamingo

Chọn loài chim hồng hạc yêu thích của bạn

Gửi dữ liệu tùy chọn trong biểu mẫu

Khi bạn xác định một biểu mẫu, bạn sẽ sử dụng phần tử

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Nội dung của thuộc tính

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Người dùng không nhìn thấy giá trị của nó và chỉ nhìn thấy văn bản giữa

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Điều gì xảy ra nếu không có giá trị?

Nếu bạn không chỉ định

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Trong một số trường hợp – chẳng hạn như biểu mẫu email – đây có thể là hành vi hợp lệ. Tuy nhiên, điều này có thể dẫn đến dữ liệu dạng dài không hoạt động tốt với các trường cơ sở dữ liệu hoặc tuân theo các giới hạn về độ dài tối đa

Trong mọi trường hợp, tốt nhất là chỉ định

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Claire Broadley

Claire là nhà văn, biên tập viên kỹ thuật dày dạn kinh nghiệm và người đam mê HTML. Cô ấy viết cho HTML. com và điều hành một công ty nội dung, Red Robot Media

Ghi chú. Truyền một mảng vào

// yields apples
cy.get('select').select('apples').should('have.value', '456')

// yields apples
cy.get('select').select('apples').should('have.value', '456')

Buộc chọn

Buộc chọn một

cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element
3 ẩn
cy.get('select').select('user-1') // Select the 'user-1' option
5
cy.get('select').select('user-1') // Select the 'user-1' option
6
Buộc chọn một 
cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element

3 bị vô hiệu hóa

Việc chuyển

// yields apples
cy.get('select').select('apples').should('have.value', '456')

<select>
  <option value="456">applesoption>
  <option value="457">orangesoption>
  <option value="458">bananasoption>
select>

cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element
3 bị vô hiệu hóa. Tuy nhiên, nó sẽ không ghi đè kiểm tra khả năng hành động để chọn một 
cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element

<select>
  <option value="456">applesoption>
  <option value="457">orangesoption>
  <option value="458">bananasoption>
select>

cy.get('select').select('user-1') // Select the 'user-1' option

cy.get('select').select('user-1') // Select the 'user-1' option

cy.get('select').select('user-1') // Select the 'user-1' option

cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element
0
ghi chú
khả năng hành động
<select>
  <option value="456">applesoption>
  <option value="457">orangesoption>
  <option value="458">bananasoption>
select>
0 là một lệnh hành động tuân theo các quy tắc của Khả năng hành động
Tuy nhiên, việc chuyển 
// yields apples
cy.get('select').select('apples').should('have.value', '456')
7 đến 
<select>
  <option value="456">applesoption>
  <option value="457">orangesoption>
  <option value="458">bananasoption>
select>
0 sẽ không ghi đè kiểm tra khả năng hành động để chọn một 
cy.select('John Adams') // Errors, cannot be chained off 'cy'
cy.clock().select() // Errors, 'clock' does not yield a  element

<select>
  <option value="456">applesoption>
  <option value="457">orangesoption>
  <option value="458">bananasoption>
select>