Next.js Discord

Discord Forum

get select value

Answered
American black bear posted this in #help-forum
Open in Discord
American black bearOP
hello, i have a dropdown select menu in my app and i was wondering how to retrieve the value that the user selects in the field as soon as it changes.
Answered by Ray
try this
  const [value, setValue] = useState("private")

  return (
    <Select value={value} onValueChange={setValue}>
      <SelectTrigger id="framework">
          <SelectValue placeholder="Select" />
      </SelectTrigger>
        <SelectContent position="popper">
            <SelectItem value="private">Private</SelectItem>
            <SelectItem value="public">Public</SelectItem>
        </SelectContent>
    </Select>
  )
View full answer

3 Replies

American black bearOP
i am using shadcn, this is my dropdown:
<Select>
<SelectTrigger id="framework">
<SelectValue placeholder="Select" />
</SelectTrigger>
<SelectContent position="popper">
<SelectItem value="private">Private</SelectItem>
<SelectItem value="public">Public</SelectItem>
</SelectContent>
</Select>
@American black bear i am using shadcn, this is my dropdown: <Select> <SelectTrigger id="framework"> <SelectValue placeholder="Select" /> </SelectTrigger> <SelectContent position="popper"> <SelectItem value="private">Private</SelectItem> <SelectItem value="public">Public</SelectItem> </SelectContent> </Select>
Ray
try this
  const [value, setValue] = useState("private")

  return (
    <Select value={value} onValueChange={setValue}>
      <SelectTrigger id="framework">
          <SelectValue placeholder="Select" />
      </SelectTrigger>
        <SelectContent position="popper">
            <SelectItem value="private">Private</SelectItem>
            <SelectItem value="public">Public</SelectItem>
        </SelectContent>
    </Select>
  )
Answer
American black bearOP
thank you very much