File size: 1,580 Bytes
7798609 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
'''
title: Selectbox
'''
import simplestart as ss
ss.md("## ss.selectbox")
ss.space()
ss.md('''
#### 🔅 Example 1
Create a selectbox with a title and 3 options on the page.
''')
ss.space()
options = ["option1","option2", "option3"]
def selchange(event):
ss.message(f"You select {event.value}, index of {event.index}")
select1 = ss.selectbox(options, index = 0, title = "### Please select", onchange = selchange)
ss.write("#### 🔎 Code")
ss.md("""
```python
import simplestart as ss
options = ["option1","option2", "option3"]
def selchange(event):
ss.session["select_value"] = event.value
ss.session["select_index"] = select1.index
ss.write("info value: index:")
select1 = ss.selectbox(options, value="option1", onchange = selchange)
```
""")
ss.md('''
#### 🔅 Example 2
Get the current option of the selectbox. In addition to obtaining the user's selected option information through the event's index and value in the selectbox's onchange event, you can also get the user's selection information via the selectbox variable.
''')
ss.space()
def onclick1():
ss.message(select1.value)
ss.button("Current Option Value", onclick=onclick1)
def onclick2():
ss.message(select1.index)
ss.button("Current Option Index", onclick=onclick2)
ss.space()
ss.write("#### 🔎 Code Snippet")
ss.md("""
```python
#...
def onclick1():
ss.message(select1.value)
ss.button("Current Option Value", onclick = onclick1)
def onclick2():
ss.message(select1.index)
ss.button("Current Option Index", onclick = onclick2)
```
""") |