How to change the text of the drop down list using JavaScript in PHP

Question

0.00/5 (No votes)

See more:

Hello guys,

Im having a problem in my code, i want to change the text of my drop-down list after i select and click a button, i want to select the default text of my drop-down list which is "Select" after clicking a button,
For example i choose "PCS" in my list after i click the button the list should change its text to Select.
I've been stock on this process and don't know what do, can you please give me a hand, here's my sample code. Thank you very much.

<script>
function Request()
{

var list= document.getElementsByName('unit')[0].text= 'Select';

}
</script>

	
$listof_products .='<select id="unit" name="unit" style="margin-left: 10px;">
        <option value="" selected="selected">Select</option>
	
	<option value="PCS">PCS</option>
       
        <option value="RMS">RMS</option>
	
	
	<option value="PKG">PKG</option>
	
		
        $listof_products .='</select>';



  <button name="addtocart" title="Request Quotation Price" class="redButton" type="submit"  önclick="Request()"><span><span>Request Quote</span></span></button>

Posted 20-Jul-11 16:19pm

itwasbydesign

Updated 20-Jul-11 16:51pm

walterhevedeich

v2

Add a Solution

Comments

walterhevedeich 20-Jul-11 22:58pm

By quickly looking at your onclick, it seems you have spelled it with an ö instead of o. This might solve the issue?

[no name] 20-Jul-11 23:08pm

I've already change that, sorry just typo error, but still the code is stil not working, do you have any idea?

walterhevedeich 21-Jul-11 1:30am

Can you describe more what you mean by its not working? Are there any errors? Or what should it do that it is not doing?

[no name] 21-Jul-11 2:08am

what i mean by it's not working is that, nothing happens and the list text didn't change, am i doing wrong in my code?

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

walterhevedeich · Answer 1 · 2011-07-20T20:42:00

Solution 1

Try using this Javascript function

C#

<script>
function Request()
{
   document.getElementById('unit').value= 'Select';
}
</script>

Posted 20-Jul-11 20:42pm

walterhevedeich

Comments

[no name] 21-Jul-11 3:21am

its not working, i want to change the text of the list, not the value of it.

[no name] 21-Jul-11 3:37am

maybe the text cannot be change, i think the approach must be change the selected of the list.

Raju Prajapati · Answer 2 · 2011-07-20T21:03:00

Solution 2

Plz try this

function Request()
{
document.getElementsByName('unit').value = "";
}

Posted 20-Jul-11 21:03pm

Raju Prajapati

Comments

[no name] 21-Jul-11 3:21am

its not working, i want to change the text of the list, not the value of it.