Jump to content

.London Domains - £4
Photo

Need some advice on HTML/Bootstrap for dropdown with value

bootstrap dropdown javascript html

  • Please log in to reply
No replies to this topic

#1 alexander656

alexander656
  • Member
  • Newbie
  • 1 posts

Posted 25 August 2019 - 13:37

Hi,

 

I am just a newbie in development, but I read this forum can help.
I am trying to understand development so I copy paste some things and try to understand how things work. So far so good, I discovered a few things and got myself a working site.

 

I am using bootstrap as for now it looks immediatly nice.

Now my question, I am trying to bootstrap everything on my mini test site. But a dropdown I cannot figure out how it should work.

I want a drop down that :

 

1) Looks nice (I found many examples at boostrap sites)

2) If you select something this selection should be remain visible

3) My site should be keep on working (how to deal with this option value in bootstrap)?

 

It is just a connect4 game that is working but I want to have the boostrap dropdown to make it look nicer.

In the dropdown you select the difficulty and you can choose for two humans who play against each other or some other version with AI.

 

Can someone advice me how to move on and to learn more?

 

Thank you

       <form id="players">
			<label>
				Yellow =:
				<select name="player_1">
					<option value="0">A real person</option>
					<option value="1">Easy</option>
					<option value="2">Hard</option>
					<option value="3">Harder</option>
					<option value="4">Extremely hard</option>
					<option value="5">Crazy hard</option>
				</select>
			</label>
			<label>
				Red =:
				<select name="player_2">
					<option value="0">A real person</option>
					<option value="1">Easy</option>
					<option value="2">Hard</option>
					<option value="3">Harder</option>
					<option value="4">Extremely hard</option>
					<option value="5">Crazy hard</option>
				</select>
			</label>
		</form>

		<div id="board"></div>

  • 0





Also tagged with one or more of these keywords: bootstrap, dropdown, javascript, html

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users