ComboBox QML Type 

• 官方文档：https://doc.qt.io/qt-5/qml-qtquick-controls2-combobox.html

案例 1

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5

Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill: parent
        ComboBox{
             model: ["First", "Second", "Third"]

             onActivated: {
                 console.log("点击的索引为: " + index + " 内容为：" + textAt(index))
             }
        }
    }
}

 

• 输出：

案例 2

import QtQuick 2.14
import QtQuick.Window 2.14
import QtQuick.Controls 2.5


Window {
    id:window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Item{
        id:root
        anchors.fill: parent
        ComboBox{
            textRole: "text"  //指定显示的角色

            model: ListModel{
                ListElement{
                    text:"北京"
                    value: 11
                }
                ListElement{
                    text:"上海"
                    value: 12
                }
                ListElement{
                    text:"广州"
                    value: 13
                }
            }

            onActivated: {
                console.log("点击的索引为: " + index + " 内容为：" + textAt(index))
            }
        }
    }
}

• 输出：