select elements

[mixey]

Hi gurus,

I have following code:

<select id="edit-field-color-tids" class="form-select" multiple="multiple" name="field_color[tids][]">
    <option value="362">ffcedc</option>
    <option value="363">ffdebe</option>
    <option value="364">fff5c5</option>
    <option value="365">e1ffd8</option>
    <option value="366">bff7ff</option>
    <option value="367">e7cdff</option>
    <option value="368">f7f4ee</option>
    <option value="369">ffffff</option>
    <option value="370">ff8aab</option>
</select>

And I'm curious is there any way to select elements in the select list with javascript help? Basically I would like get same result as I would get if I have used CTRL+click with mouse.

But I need to do that without actually pressing the select list.

I hope my explanation is clear,
looking forward and thanks in advance

[abarak]

If it is before you render the markup, add 'selected' in the items you want selected, e.g:

<option value="364" selected>fff5c5 </option>

(Not JavaScript really, just HTML)

If the list is already part of your document tree you may need to alter it, i.e. locate the DOM element node of the option you need to select, and modify the innerHTML value. i usually assign a unique id to the whole list and use prototype.js framework $(<element id>).update(<ne w markup>).

Cheers!

Hi gurus,

I have following code:

<select id="edit-field-color-tids" class="form-select" multiple="multiple" name="field_color[tids][]">
    <option value="362">ffcedc</option>
    <option value="363">ffdebe</option>
    <option value="364">fff5c5</option>
    <option value="365">e1ffd8</option>
    <option value="366">bff7ff</option>
    <option value="367">e7cdff</option>
    <option value="368">f7f4ee</option>
    <option value="369">ffffff</option>
    <option value="370">ff8aab</option>
</select>

And I'm curious is there any way to select elements in the select list with javascript help? Basically I would like get same result as I would get if I have used CTRL+click with mouse.

But I need to do that without actually pressing the select list.

I hope my explanation is clear,
looking forward and thanks in advance

[chaarmann]

First, give a better name, or you will have BIG problems in javascript.

name="field_color[tids][]" 

is not acceptable! Use

name="field_color" 

only!

Then you can select elements in the list with following code, which for example selects the element at index 3 (=fourth element of box):

var selectBox = document.getElementById("field_color");
selectBox.options[3].selected = true;

[acoder]

Then you can select elements in the list with following code, which for example selects the element at index 3 (=fourth element of box):

var selectBox = document.getElementById("field_color");
selectBox.options[3].selected = true;

...or use selectBox.selec tedIndex = 3.

[mixey]

Thank you guys for the help! You helped me out A LOT!

[acoder]

You're welcome. Post again if you have any more questions.