I've worked out how to get the value from a select option tag, but can't work out how to get the text inside the option tags. Here is the code I am using to get the value attribute from the option tag..
[Code]...
let's say I have this code markup:
<div id="id1">
This is some text
<div class="class1"><p>lala</p> Some markup</div>
</div>
What I would want is only the text "This is some text" without the child element's .class1 contents.
How would I do that? A normal selector would select "recursively", so how do I limit it to one level?
Say I have the following HTML:
Code:
<h1> 45 <em>people like this</em></h1>
How do I select just the '45' portion?
I have such html code snippet: <select name="submitted-name" class="form-select day" id="edit-submitted-doum-tarihi-day" >
<option value="" selected="selected">Day</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
how can I change the text "Day" to "Month" with jquery?
I have written code for select options one. In that option one of the option is to select others. When i select others automatically the cursor should goto others text area box.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
What I'm trying to do is get multiple options from a <select> list, and display the values in a text box. So here's my select:
<select name="js_strPreDefCatList" size="6" multiple="MULTIPLE" class="formtext">
<option value="All content">All content</option>
<option value="Region: Africa">Region: Africa</option>
<option value="Region: All Americas">Region: All Americas</option>
<option value="Region: All Europe">Region: All Europe</option>
etc.....
</select>
'// Followed by my button
<input name="Add1" type="button" class="formtext" value="Add" onClick="addPhrase()">
'// Then the TEXTAREA
<textarea name="js_strMemberMail" cols="40" rows="1" wrap="VIRTUAL" class="formtext"></textarea>
The function "addPhrase" is where i know i'm having the difficulty - so for now I've forced it to show one value only:
'// The form name is AMANDA
function addPhrase() {
document.AMANDA.js_strMemberMail.value = document.AMANDA.js_strPreDefCatList.value + ", " ;}
What I think I want is to be able to build up a string of values and write them out to the textarea (hence the ", "). With the option that more can be added, without deleting what's currently there.
I have developed my own tools for serializing form data for asynchronous calls to the server (AJAX). I have consider many times that it would be useful that when a select element has both text and option values to send both values to the server. I have thought about a couple of different ways of doing this. But first let me give an example so that there is less chance of misunderstanding.Suppose I have a drop-down list that is a select element with an option list wherein each member of the option list has both a value and a text string.
as in Code:
<select name="state"><option value="1">Alabama</option>...</select>
And suppose I composed my javascript code in such a way that the value and the code are both included with a separator. Example Code:
&state=1|Alabama&keyfoo=keybar....
and '|' is the separator.
i trying to select a <select> option programatically. i can see in firebug that the value of the select tag change but not it's text. how could i select a option by displaying it's text?
i try
$(mySelect).val(optionValue);
and
$(mySelect).find('option[value='1']").attr("selected","selected");
but they both are not working.
I have been studying php for a while now and i know that, i am now starting php oop and that going well but i have never done anything like this. Anway i am creating a booking system which at the end of the process asks who supplied your voucher which they then select a supplier.
The issue i have is my client wants it so if groupon is selected then an input text box should appear so that the user can input a security code from groupon.
So basically it is
<select name="supplier" id="supplier">
<option value="">please select supplier</option>
<option value="Groupon">Groupon</option>
<option value="KGB Deals">KGB Deals</option>
<option value="Other">Other</option>
</select>
So if value="Groupon" then <input type="text" name="security" id="security" /> should appear next to it.
page cant refresh as it will lose its data which would have taken the user about 10 minutes to fill out :(
Im looking for a way to show hide text box on select option change
<select name="letter_type" id="lt">
<option value="Registered">Registered</option>
<option selected="selected" value="Unregistered">Unregistered</option></select>
<input name="textfield7" id="regty" type="text" accesskey="1" tabindex="1" size="20" />
i wana show that text box if user select "Registered" from select option.
what would be the best way to have a hidden array of possible text directed at a textarea and then if something is not within that array "onfocus", a certain select option is chosen within that form?
View 2 Replies View RelatedI'm using the following code to remove an option from a select control based on a selection in a different select control and the option text in the select option that is being removed. The code works as I want it to, but I would prefer to use the option value for identifying the option to remove instead of using the option text. I've tried several different ways to do this, but can not find the proper syntax.
[Code]...
<h1>November<span>2009</span></h1>
making a variable equal the h1 html() without the span text.
// equals 'November2009'
var monthDelete = $('h1').html();
// I need just 'November'
So I have the following xml:<ingredient name="rice"><us>1 cup</us><metric>250 mL</metric> of uncooked Korean rice</ingredient>
I want grab only the "of uncooked Korean rice" part. I tried to use text() but it would grab the text from inside the "us" and "metric" element.
I'm trying to read a select(dropdown) box from an HTML form along with all its options. My core requirement is to be able to read a select element with all its option and store it in some variable/node using one JS function. Use another JS function to pick the node and convert the values from node back to the options of select box.
We can probably make use of jQuery as well, provided it is supported by IE6.
within a function for an onchange-handler ($(...).change(function(e) {...) i tried something like:
$(":parent input[name^=subsequentProperty]", this);
this does not work, but:
$("input[name^=subsequentProperty]", this.parentNode);
does work.
I have made some application in JavaScript. I need some help from you friends.Whenever i click on some image i want that image should get selected. Same as we select when we drag on it with mouse. Hope u got what i mean.
View 7 Replies View RelatedI wish to know if is possible to change the selected option in a SELECT selecting a determined option into another SELECT in the same form.
E.g: When I select the option "Istruction" in the SELECT named "A" I wish the SELECT "B" change the default state from "empty" to "other"
I'm using Prototype and scriptaculous either, but here it is:
I have two select areas and scripts to transfer items between the two.
Everything works great in FF, but in IE when an option gets removed it
removes the entire select area. Has anyone ever seen something like
this before?
According to [URL] intended way for jQuery to change dynamically the selected option of a dropdown select control isassigningthe desired text instead of the value. I found this way veryinconvenient (data structures usually deal with value codes, not value descriptions) and it seems to work only sometimes.
Trying different options I came out with this approach that seems to do the job so
far:
function setSelect(pID,pSelectedValue)
{
$('#'+pID + ' option:selected').removeAttr('selected');
[Code]....
if i have a <select> and i when i click an image i want to do an onclick event to select a specified option inside the <select> is this possible?
View 1 Replies View RelatedI have a form that uses jeditable to edit-in-place several fields and select boxes. Everything is working great. Now I need to a way to add a new option to the select list. What I would like is the user select "Add New..." from the select list that would pop-up a dialog window where several fields are filled in. When the form is saved the select field is updated with the new ID and description. I use Facebox for pop-up windows to display notes when the user clicks on a topic. I know Facebox can be used to display a form. It would be ideal to use this ability when creating a new option for the select box.
View 1 Replies View RelatedHow can I automatically select the next option from a select box? I would like a next button to scroll through the options.....
View 2 Replies View RelatedIf I select "Other", a text box pops up and I can type in something and hit Add Item and it will add it to the drop down box, but the selection will stay at "Other". How do I make it select the item I just added?
View 3 Replies View RelatedI'm trying to output the text value from a list node. why it's not working. How do i tell how many childNodes are in the ul element?
Code:
function test(){
var x = document.getElementById("test");
alert(x.firstChild.nodeValue);
[Code].....
I'm trying to add the text value of an xml element to a variable but the closest i can get is having the variable set to [text object] using this method:
rootNode.getElementsByTagName('instructions')[0].childNodes[0];
I have also tried these methods but they always return undefined:
rootNode.getElementsByTagName('instructions')[0].childNodes[0].text;
[code].....