How can I change the choices in a pickerview based on another pickervew?

Question

Picture of current versionI currently have two picker views. Ones a country picker view(US and Canada) and the other is a state picker view. I'd like to have it so when USA is selected it displays US states, and when Canada is selected, Canadian provinces are displayed. Here is a sample of what I have so far. Help would be very much appreciated!

Edit: Still haven't found any working solutions, any help would be appreciated!

let countries = ["",
"USA",
"Canada",
]
let states = ["Alaska",
"Alabama",
"Arkansas"]
 let provinces = ["Alberta",
"British Columbia",
"Manitoba",
"New Brunswick"]

//Sets picker view
let pickerView = UIPickerView()
//Holds current data in array
var currentArray: [String] = []
//Holds current text field
var activeTextField : UITextField!
var activeField: UITextField?

 fileprivate func delegates() {
  countryTextView.delegate = self
  stateTextView.delegate = self
}

fileprivate func pickerViewDelegates() {
    //Enables pickerview
    pickerView.delegate = self
    pickerView.dataSource = self
}
//Sets pickerview input
fileprivate func pickerViewSet() {
    countryTextView.inputView = pickerView
    stateTextView.inputView = pickerView
}
//Closes keyboard when done button is pressed
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    textField.resignFirstResponder()
    return true
}
//Textfield delegate
func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
    activeTextField = textField

    switch textField {
    case countryTextView:
        currentArray = countries
    case stateTextView:
        currentArray = states
    default:
        print("Default")
    }
    pickerView.reloadAllComponents()
    return true
}
//Number of rows in picker view
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}
//One element of array per row
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return currentArray.count
}
//Puts the array element of whichever picker view is chosen into picker view
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?{
    return currentArray[row]
}
//Selects the array element in the row thats chosen
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    print("Selected item is", currentArray[row])
    activeTextField.text = currentArray[row]
}

Anyone have a working solution? – Cyanide Feb 14 '20 at 23:30 — Cyanide, Feb 14 '20 at 23:30

score 0 · Answer 1 · answered Feb 14 '20 at 13:13

i do not say my code is "nice". It just works as what you want (as far as i understood you)

if you change from Blubb to USA the second picker will update.

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {


let countries = ["Blubb",
                 "USA",
                 "Canada",
]
let states = ["Alaska",
              "Alabama",
              "Arkansas"]

let statesCan = ["1", "2"]

//Sets picker view
let pickerView = UIPickerView()
let pickerView2 = UIPickerView()
//Holds current data in array
var currentArray: [String] = []
//Holds current text field
var activeTextField : UITextField!
var activeField: UITextField?

fileprivate func delegates() {
//        countryTextView.delegate = self
//        stateTextView.delegate = self
}

fileprivate func pickerViewDelegates() {
    //Enables pickerview
    pickerView.delegate = self
    pickerView.dataSource = self

    pickerView2.delegate = self
    pickerView2.dataSource = self
}
//Sets pickerview input
fileprivate func pickerViewSet() {
//        countryTextView.inputView = pickerView
 //        stateTextView.inputView = pickerView
}
//Closes keyboard when done button is pressed
func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    textField.resignFirstResponder()
    return true
}

//Number of rows in picker view
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}
//One element of array per row
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    if pickerView == self.pickerView2 {
        return currentArray.count
    } else {
        return countries.count
    }
}
//Puts the array element of whichever picker view is chosen into picker view
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String?{
    if pickerView == self.pickerView2 {
        return currentArray[row]
    } else {
        return countries[row]
    }
}
//Selects the array element in the row thats chosen
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    if pickerView == self.pickerView {
        if row == 0 {
            currentArray = states
        } else {
            currentArray = statesCan
        }
        pickerView2.reloadAllComponents()
    }
//     activeTextField.text = currentArray[row]
}

override func viewDidLoad() {
    super.viewDidLoad()

    currentArray = states

    pickerViewDelegates()
    self.view.addSubview(pickerView)
    self.view.addSubview(pickerView2)

    pickerView2.frame.origin.y = 400

    }


}

Ah it works but the problem is that it creates a picker drop down but I want it to be inside of the textfield itself. I added a picture of what I have now. — Cyanide, Feb 14 '20 at 13:34

How can I change the choices in a pickerview based on another pickervew?

1 Answers1