Onchange Event in Dropdown

chandhseke

Hi Friends,
I have a problem with OnChange event, Please help me out in coding the below requirement.
I have a drop down box with 3 items: India,United States,South Africa. If I select India(for India alone) a pop up window should come up with some text/question("Are you an Indian Citizen?"), Yes/No should be the only options. If the user clicks on Yes, some value should be saved in a variable which i need to save it in my database so as to maintain a record that a question was asked and answered.

Please help me out. Thanks inadvance.

Regards,

Dormilich

you could use window.confirm()?

chandhseke

Thanks for the reply.
if the user clicks OK, i want to store some value in a variable and call it in a text box.. How can achieve this?

chandhseke

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<script language="javascript">

function ConSub()

  {

   var result;

   var w = document.frm.Country.selectedIndex;

   var selected_text = document.frm.Country.options[w].text;

     if (selected_text == "South Africa")

        'result=window.confirm("Do you have a Emp certificate?");

                 if (result== true)

              // i want to store some value sayYES in a variable and call this variable in a text box//

else 

return false;

}

<form name="frm">

<select name="Country" onchange="return ConSub()">

<option value="India">India

<option value="South Africa">South Africa

</select>

</form>

</body>

</html>

Please edit/comment on how can i track that user has clicked OK or cancel.i want store this in a variable.

waqasahmed996

this code may be helpfull for you

Expand|Select|Wrap|Line Numbers

 
<script language="javascript">

function country (value)

{

if(window.confirm("Are You "+value+" citizan"))

     {

     country = value;

      return true;

     }

else

      return false;

}

</script>
 
<select name="country" id="country" onchange="return country(this.value)">

<option value="0">Select Country</option>

<option value="India">India</option>

<option value="United States">United States</option>

<option value="South Africa">South Africa</option>

</select>

i need to know how can value of country can be assign to a php variable so that it can be used for insertion in database

Dormilich

Quote:

Originally Posted by waqasahmed996

i need to know how can value of country can be assign to a php variable so that it can be used for insertion in database

submit the form
submit an AJAX request

chandhseke

Thanks again..
The above code will make a cofirm box pop up for every item in the drop down, but i require this function to get fired only when INDIA is selected frm the list.
Not for all the items in the drop down.

waqasahmed996

any other way like

Expand|Select|Wrap|Line Numbers

 
 if(window.confirm("Are You "+value+" citizan"))

      {

    <?php

    $country = echo '<script type="text/JavaScript"> echo value; </script>'; 

    ?>      
 
       return true;

      }

chandhseke

I am using ASP pages and javascript, not asp.net or php coding.

Dormilich

that doesn't change the general idea, only the syntax.

chandhseke

I agree... According my script,
var w = document.frm.Country.selectedIndex;
var selected_text = document.frm.Country.options[w].text;
Variable "selected_text" contian the current item selected from the drop down, now i will check a condition (if selected_text=="India"), if yes a confirm box will popup.
now if the user clicks OK/CANCEL, i need to store a true/false value in a varialbe and then assign it to asp variable or a text box. How can i do this

waqasahmed996

Dormilich please can you tell me correct syntax. my above code is not executed correctly

Dormilich

I know neither ASP nor ASP.NET

waqasahmed996

no i am asking about php and javascript. what is mistake in my following code. where variable 'value' is javascript variable

Expand|Select|Wrap|Line Numbers

 
<?php

 $country = echo '<script type="text/JavaScript"> echo value; </script>'; 

 ?>

chandhseke

Your code executed correctly but the confirm box is popped up for each item clicked in the drop down.. I need this to happen only when i click India not for all... I have no idea how to assign a Javascript variable to a html/asp text box.

Dormilich

Quote:

Originally Posted by waqasahmed996

Expand|Select|Wrap|Line Numbers

 
<?php

 $country = echo '<script type="text/JavaScript"> echo value; </script>'; 

 ?>

echo is not a function and thus cannot be assigned to a variable.

waqasahmed996

thanks chandhseke but i am asking from Dormilich

chandhseke

The output of your above code is as follows..
while i select INDIA from drop down, a confirm box comes up with a question: Are you a INDIA citizen( where value is taken as INDIA).. But this is not my concern, my concern ihere s when the user clicks OK or CANCEL then i want this action to be recorded or stored in a variable, and this value should be stored in a text box

acoder

Quote:

Originally Posted by chandhseke

now if the user clicks OK/CANCEL, i need to store a true/false value in a varialbe and then assign it to asp variable or a text box. How can i do this

To assign it to a text box:

Expand|Select|Wrap|Line Numbers

document.getElementById("textboxid").value = val;

This would require a submit to be passed to ASP. Another option is to pass it in the URL and change the page immediately:

Expand|Select|Wrap|Line Numbers

location.href = "asppage.asp?val=" + val;

If you want to avoid a page reload, use Ajax.

Dormilich

Quote:

Originally Posted by chandhseke

my concern ihere s when the user clicks OK or CANCEL then i want this action to be recorded or stored in a variable, and this value should be stored in a text box

what do you mean by "text box"? a <textarea> or a <input> or a <div> element?

waqasahmed996

you can write like
document.getElementById('txtbox').innerHTML = 'INDIA'

Dormilich i remove echo from my code even then it is not working

Dormilich

Quote:

Originally Posted by waqasahmed996

Dormilich i remove echo from my code even then it is not working

to get output you have to use echo or one of the print() functions

waqasahmed996

sorry Dormilich i am still unable to understand. please tell me what should i write exactly

Expand|Select|Wrap|Line Numbers

 
<?php

 $country = echo '<script type="text/JavaScript">  value; </script>'; 

 ?>

Dormilich

I guess

Expand|Select|Wrap|Line Numbers

 
<?php

 echo '<script type="text/JavaScript"> // whatever code </script>'; 

 ?>

will do.

EDIT: if your problem is not related to chandhseke's problem, I'll move the corresponding posts to a new thread in the PHP forum.

acoder

Quote:

Originally Posted by waqasahmed996

what is mistake in my following code. where variable 'value' is javascript variable

Expand|Select|Wrap|Line Numbers

 
<?php

 $country = echo '<script type="text/JavaScript"> echo value; </script>'; 

 ?>

Besides the PHP problem, you're mixing JavaScript and PHP incorrectly. You can use PHP (or any server-side language) to generate JavaScript code during page load, but you can't use this kind of code to run PHP after the page has loaded.

chandhseke

In vbscript, i am using message box If the user clicks OK button.. I want to assing a value to a text box <input>..Please help me out in this

Expand|Select|Wrap|Line Numbers

 <Script lang="VBScript>

dim a

dim res= Yes

a=MsgBox("you pressed ok",VbYesNo)
 
if a = VbYes then
 
<i want to assign the variable "res" to a text box below>

</script>
 
<html>

<head><body>

<input type="text" name="test" value=''>

</head></html>

acoder

Two questions:
1. Is this related to the original problem?
2. Why are you using VBScript when JavaScript is more cross-browser friendly?

PS. please use [code] tags when posting code.

chandhseke

As there is NO window object with YES and NO buttons in Javascript, i am making use of both Javascript and VB script..

In javascript i am using selectedIndex to track the selected item from the drop down, within IF conditon i am calling VBscript function(contains a MsgBox) if the result is true...

Now within VBscript i need to write a condition, If the user clicks on Yes button then i want to assign some value to a textbox so that i can save this text box value in the database.

acoder

You do realise that this would restrict your site to IE only? You can phrase your question so that the options for confirm() (OK/Cancel) are suitable. Are you sure you still want to go with VBScript?

If you do, the method will be similar to what has been suggested earlier. Set the value of the text box like this:

Expand|Select|Wrap|Line Numbers

document.getElementById("textboxid").value = val;

where "textboxid" is the ID of the text box and val is the value that needs to be assigned.

chandhseke

Thanks for the reply.
But as per the requirement, YES or NO should be the only options..that is the reason i am using VBscript... Anyways i will speak to the requestors regarding the above subject... If i am using VBscript what will be the syntax in VBscript to assign a value to a text box..??

acoder

I don't know if you can use document.getElementById(), but if you add a form element, you can use the following syntax:

Expand|Select|Wrap|Line Numbers

document.formname.fieldname.value = res;

chandhseke

Example : If i add a text box named as text1 to the existing form form1, then the syntax would be :

dim res= 'YES"
Document.form1.text1.value= res...

acoder

Yes, but your page code is a bit messed up, e.g. the <head> tags are in the wrong place and the script is outside the HTML tag. You also need to put your code inside a function to be run when an event takes place, e.g. when a button is clicked.

chandhseke

As suggested i had made the below code changes in my form, when i tested my database it contains Blank value..Please Review the code below and advise

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<script language="Javascript">

function fun()

{

var res;

var w=document.form1.SetUpCountry.selectedIndex;

var selected_text=document.form.SetUpCountry.options[w].value;

if (selected_text == "South Africa")

{

return pop()    

}    

else

return false;

}

</script>
 
<script language="VBScript">

function pop()

dim b

dim result 

dim answer

result = "Yes"

answer = "No"

b=msgbox("Do you have a BEE certificate?",vbYesNo,"New Supplier Setup")

if b = vbYes then

document.form1.Text1.value = result

Else 

    document.form1.text1.value = answer    

end if

end function 

</script>

</head>

<title>Supplier Request</title>

<body>

<form name="form1">

----------------------

------------------

<select name="SetUpCountry" onchange="fun()">

<option value="India">India</option>

<option value="South Africa">South Africa</option>

<option value="Germany">Germany</option>

</select>

</form>

</body>

</html>

chandhseke

Here is another code snippet, save this code and run it in your browser... A drop down and a text box will be displayed. When you select an item from the drop down list, a MsgBox will pop up and when you click on Yes Button the variable (a =YES) value should come into the text box else if you click on NO button varibale (c = NO) should come into text box...I have coded it as per your suggestion but didnt worked to me.. Please edit the below code... Thanks in advance

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<script type="text/vbscript">

function fun

dim a 

dim b

dim c 

c = "No"

a = "Yes"

b=MsgBox("Message",VbYesNo)

if b = VbYes then

document.myform.text1.value=a

else

document.myform.text1.value=c

End if

document.write(a)

End function

</script>

<body>

<form name="myform">

<select name="country" onchange="return fun()">

<option value="india">india</option>

<option value="india">SA</option>

</select>

<input type="text" name="text1" value="&nbsp;">

</form>

</body>

</html>

acoder

Three problems I notice:
1. Both options have the same value "india".
2. The 'return' in onchange. Remove it.
3. The document.write() statement which will cause the page to be reopened and overwritten. Remove that line.

PS. please use [code] tags around your code. See How to Ask a Question.

acoder

Quote:

Originally Posted by chandhseke

As suggested i had made the below code changes in my form, when i tested my database it contains Blank value.

To actually make changes to the database, you will need to submit the form and your action page (server-side script) should connect to and update the database.

chandhseke

Hi folks,

Thanks a lot for your help on this..It worked for me.

Many thanks

acoder

No problem. Glad it's now working :)

chandhseke

Many thanks again..

I have one more small question to you, how can i validate the text box value in ASP against a database table (Written using VBScript) before submission of the Online form??

Background: I have an online business form, while a new requestor enters thier ID # it should be validated against a database table to check whether the ID# exists in the database, if NO an error msg should be displayed.

Lets make a long story into small, i am working as a Application Maintanence engineer and this is the new requirement which i havent done before..Please guide me through as you did with last Thread..Many Thanks

acoder

Your question is no longer relevant to this thread, nor to JavaScript. Repost your question in the ASP forum where you will get a better response.

chandhseke

Ok Sorry for that.. Thank you

Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

re: Onchange Event in Dropdown

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about