Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #12720 > unrolled thread

Select box with a text input field

Back to article view | Back to comp.lang.javascript

Contents

  Select box with a text input field "Larry.Martell@gmail.com" <larry.martell@gmail.com> - 2012-03-14 11:27 -0700
    Re: Select box with a text input field Tim Slattery <Slattery_T@bls.gov> - 2012-03-14 16:05 -0400
    Re: Select box with a text input field "Jukka K. Korpela" <jkorpela@cs.tut.fi> - 2012-03-14 22:09 +0200
    Re: Select box with a text input field Gene Wirchenko <genew@ocis.net> - 2012-03-14 13:20 -0700
      Re: Select box with a text input field "Mel Smith" <med_cutout_syntel@aol.com> - 2012-03-14 14:03 -0700
        Re: Select box with a text input field "Larry.Martell@gmail.com" <larry.martell@gmail.com> - 2012-03-15 11:07 -0700
    Re: Select box with a text input field "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2012-03-15 06:53 -0700
      Re: Select box with a text input field "Larry.Martell@gmail.com" <larry.martell@gmail.com> - 2012-03-15 12:56 -0700
        Re: Select box with a text input field Swifty <steve.j.swift@gmail.com> - 2012-03-15 21:42 +0000
        Re: Select box with a text input field Jeff North <jnorthau@yahoo.com.au> - 2012-03-16 10:21 +1100

#12720 — Select box with a text input field

Is it possible to create a select box that also has an input field?
That is, something where a user can either select a value from the
list or type a custom value. I've been googling this, but everything
I've found is 2 separate fields: a select box and a text input field
next to or below it.

[toc] | [next] | [standalone]

#12724

"Larry.Martell@gmail.com" <larry.martell@gmail.com> wrote:

>Is it possible to create a select box that also has an input field?
>That is, something where a user can either select a value from the
>list or type a custom value. I've been googling this, but everything
>I've found is 2 separate fields: a select box and a text input field
>next to or below it.

And that's what you have to do, there's no HTML element that does
this. Some Javascript library (jQuery, for one) have canned scripts
that create these things.

-- 
Tim Slattery
Slattery_T@bls.gov

[toc] | [prev] | [next] | [standalone]

#12725

2012-03-14 20:27, Larry.Martell@gmail.com wrote:

> Is it possible to create a select box that also has an input field?

Multiposting alert. See comp.infosystems.www.authoring.html.

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/

[toc] | [prev] | [next] | [standalone]

#12726

On Wed, 14 Mar 2012 11:27:41 -0700 (PDT), "Larry.Martell@gmail.com"
<larry.martell@gmail.com> wrote:

>Is it possible to create a select box that also has an input field?
>That is, something where a user can either select a value from the
>list or type a custom value. I've been googling this, but everything
>I've found is 2 separate fields: a select box and a text input field
>next to or below it.

     Not that I know of.

     I suggest that you just use both and tie them together
appropriately.  If you select, then the value gets put in the textbox.
If you change the textbox value, then the appropriate select box value
is set or, if it is not in the list of selections, an other selection
is set.

Sincerely,

Gene Wirchenko

[toc] | [prev] | [next] | [standalone]

#12728

Gene said:

>     Not that I know of.
>
>     I suggest that you just use both and tie them together
> appropriately.  If you select, then the value gets put in the textbox.
> If you change the textbox value, then the appropriate select box value
> is set or, if it is not in the list of selections, an other selection
> is set.
>


Gene:  (and Larry):

    This type of input control is know as a 'combobox".

    It can be constructed under javascript. Here's one of many links:

    http://javascript.about.com/library/blnnav7.htm

-Mel Smith

[toc] | [prev] | [next] | [standalone]

#12767

On Mar 14, 3:03 pm, "Mel Smith" <med_cutout_syn...@aol.com> wrote:
> Gene said:
>
> >     Not that I know of.
>
> >     I suggest that you just use both and tie them together
> > appropriately.  If you select, then the value gets put in the textbox.
> > If you change the textbox value, then the appropriate select box value
> > is set or, if it is not in the list of selections, an other selection
> > is set.
>
> Gene:  (and Larry):
>
>     This type of input control is know as a 'combobox".
>
>     It can be constructed under javascript. Here's one of many links:
>
>    http://javascript.about.com/library/blnnav7.htm
>
> -Mel Smith

Googling for "editable combobox" has given me a lot of hits with
examples, but they all seem very complicated (I'm a newbie at
javascript and jQuery). It will take me some time to digest and
understand what they are doing. They're all tied into their CSS and
autocomplete, and support for smart phones, and who knows what else.

Basically I have a django template like this:

     <select name="event_type">
         {% for type in event_type_options %}
             <option value="{{ type }}" {% ifequal type filters.
0.value %}selected{% endifequal %}>{{ type }}</option>
         {% endfor %}
     </select>


And that produces html ike this:

    <select name="event_type">
        <option value="RecipeCreated" selected>RecipeCreated</option>
        <option value="RecipeChanged" >RecipeChanged</option>
    </select>


And I want to modify it so that the first field in the select box the
user can type in any text they want. Don't want autocomplete or styles
(the app already has them), or anything fancy.

[toc] | [prev] | [next] | [standalone]

#12757

On Wednesday, March 14, 2012 1:27:41 PM UTC-5, Larry....@gmail.com wrote:
> Is it possible to create a select box that also has an input field?
> That is, something where a user can either select a value from the
> list or type a custom value. I've been googling this, but everything
> I've found is 2 separate fields: a select box and a text input field
> next to or below it.

You can emulate one:

<https://gist.github.com/1680706>

[toc] | [prev] | [next] | [standalone]

#12768

On Mar 15, 7:53 am, "Michael Haufe (TNO)" <t...@thenewobjective.com>
wrote:
> On Wednesday, March 14, 2012 1:27:41 PM UTC-5, Larry....@gmail.com wrote:
> > Is it possible to create a select box that also has an input field?
> > That is, something where a user can either select a value from the
> > list or type a custom value. I've been googling this, but everything
> > I've found is 2 separate fields: a select box and a text input field
> > next to or below it.
>
> You can emulate one:
>
> <https://gist.github.com/1680706>

This is not what I am looking for. This creates a text input field
separate from the select box. I am looking for a select box that also
has an input field. That is, something where a user can either select
a value from the list or type a custom value.

[toc] | [prev] | [next] | [standalone]

#12772

On Thu, 15 Mar 2012 12:56:32 -0700 (PDT), "Larry.Martell@gmail.com"
<larry.martell@gmail.com> wrote:

>I am looking for a select box that also
>has an input field.

Then inevitably, the solutions you find will either be seriously
complicated, or defective in some circumstances.

I'll compare it with losing an arm, and getting a prosthetic
replacement. If the replacement is to work as well as the original
then it will necessarily be very complicated, even though your arm
looks quite simple in what it does.

If you go for the simple arm, then don't get upset if it behaves like
a javelin-thrower when you were trying to eat a pea with a fork.

-- 
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk

[toc] | [prev] | [next] | [standalone]

#12774

On Thu, 15 Mar 2012 12:56:32 -0700 (PDT), in comp.lang.javascript
"Larry.Martell@gmail.com" <larry.martell@gmail.com>
<9a4c1a65-c4fe-4774-8d51-d12f8390ad69@g16g2000yqe.googlegroups.com>
wrote:

>| On Mar 15, 7:53 am, "Michael Haufe (TNO)" <t...@thenewobjective.com>
>| wrote:
>| > On Wednesday, March 14, 2012 1:27:41 PM UTC-5, Larry....@gmail.com wrote:
>| > > Is it possible to create a select box that also has an input field?
>| > > That is, something where a user can either select a value from the
>| > > list or type a custom value. I've been googling this, but everything
>| > > I've found is 2 separate fields: a select box and a text input field
>| > > next to or below it.
>| >
>| > You can emulate one:
>| >
>| > <https://gist.github.com/1680706>
>| 
>| This is not what I am looking for. This creates a text input field
>| separate from the select box. I am looking for a select box that also
>| has an input field. That is, something where a user can either select
>| a value from the list or type a custom value.

That control does not exist in html. You need to have a
textbox/combobox and javascript. The coding for such has been around
since the DHTML days.

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web