JavaScript - Save Selected Option In File

Hi,
I'm new to JavaScript. I'm trying to create my form in such a way that if 'Premium' is selected, a the text box with label 'membership no' is displayed and if 'bronze' is select, the drop-down list 'sponsor' is displayed instead....here's what my form looks like...

PHP Code:
<form id="form1" name="form1" method="post" action="">
  <p>
    <label for="select">Membership:</label>
    <br />
    <select name="select" id="select">
      <option value="Premium" selected="selected">premium</option>
      <option value="Bronze">bronze</option>
    </select>
  </p>
  <p>Membership No:<br />
    <input type="text" name="textfield" id="textfield" />
  </p>
  OR<br />
  Sponsor:
<br />
  <select name="select2" id="select2">
    <option value="329">329</option>
    <option value="234">234</option>
  </select>
</form> 


appreciate the help

I have an options list that is generated from a database. It currently has ~125 options in it.

I've received the request that the user be able to either enter the corresponding number or select the option from the list.

How can I update the "selected" attribute in the options list based on a number that may be entered in another text entry box?

Hi,
I am using following code--
Code:

<td>
<centre>
<select id=\"extenddays\"  size=\"1\" name=\"extenddays\">
<option value\=\"2\"> 2 </option>
<option value\=\"4\"> 4 </option>
<option value\=\"7\"> 7 </option>
</select>
<a href=?ext_days=\"extendform.extenddays.value\" & ?extfid=" . $data->{'fid'} ." \" >
<INPUT TYPE=\"SUBMIT\" NAME=\"extend\" VALUE=\"extend\" />
</a>
</centre>
</td>

Here, I want that when I click on 'extend' button, it should redirect to the url given in the href.. But while forming url run time , it is not retrieving the value of "extenddays" ( which is selected option value)..

Please help.

Cheers,
Shashikant Shinde

I'm taking a beginning javascript class and have been trying to figure out one last part of a homework assignment and am just not seeing how to work it out. Any help is greatly appreciated!

What I'm having trouble with is doing the text verification. When a user selects an option from the select list they then need to type in the text area given. If the user doesn't type the word selected in the list then an error message should appear under the text area. If you look at my code you'll see that I have the text_check() function doing the verification. I can get it to work when there is only one option but once I add the other two it stops working. I've tried if... else and other variations, but can't seem to nail it down. Thanks!

Code:

function select_function()
{
 var medical=document.getElementById("medical_list")
 var selected_item=medical.selectedIndex
 if (selected_item==0)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Medication" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
	
 }
 if (selected_item==1)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Hospitalization" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
 }
 if (selected_item==2)
 {
 	document.getElementById("enter_info").innerHTML="Enter Your" +"<span style='color:blue'>" +" Physician" + "</span>"+ " Information"
	var comments=document.getElementById("comments");
	comments.focus();
 }
 
}

function text_check()
{
  var user_comments=document.getElementById("comments").value.toLowerCase(); 
	var med_comment=user_comments.indexOf('medication');
	var hosp_comment=user_comments.indexOf('hospitalization');
	var phys_comment=user_comments.indexOf('physician');	

 	mySelectList = document.getElementById("medical_list");
 
 	if (mySelectList.value='Medication' && med_comment==-1) 
	{
	 document.getElementById("word_error").innerHTML="You need to have the word,"+"<span style='color:red'>"+" Medication"+"</span>"+" somewhere in the text"; 
	}
	
	if (mySelectList.value='Hospitalization' && hosp_comment==-1)
 	{
 		document.getElementById("word_error").innerHTML="You need to  have the word,"+"<span style='color:red'>"+" Hospitalization"+"</span>"+" somewhere in the text";
	}	
	
	if (mySelectList.value= 'Physician' && phys_comment==-1)
	{
 	 document.getElementById("word_error").innerHTML="You need to have   the word,"+"<span style='color:red'>"+" Physician"+"</span>"+" somewhere in the text";
	}
}
	
function submit_alert()
{
 alert("You submitted the form")
}

function clear_error()
{
 document.getElementById("word_error").innerHTML=""; 
}

function changeDR()
{
 var my_textarea=document.getElementById("comments");
 
 var comment_string=my_textarea.value;
 
 var doctor=comment_string.indexOf('Dr.');

 var comment_string2='';
 
 if (comment_string < 0)
 {
 	comment_string2=comment_string
 } else {
 	 			comment_string2=comment_string.replace('Dr.','Doctor')
 }
 my_textarea.value=comment_string2;
 
}
</script>
</head>
<body style="background-color: silver">
<h2>Medical History</h2>

Select Category: <br>
<select id="medical_list" onChange="select_function();">
<option>Medication</option>
<option>Hospitalization</option>
<option>Physician</option>
</select>
<br><br><br>

<div id="enter_info">Enter Your <font color="blue">Medication</font> Information:</div>
<br>

<form method="post" action="">
<textarea id="comments" cols="60" rows="15" onBlur="text_check();" onFocus="clear_error();" onkeyup="changeDR();">
</textarea><br>
<div id="word_error"></div><br>
<input type="submit" value="Submit Information" onClick="submit_alert();"/>
</form>


</body>
</html>

ive been racking my brain looking for a code solution for this....im a html and css pro....and a javascript NOOB lol



heres what im tryna do....i have a form...that has a Code:

<option>

in it for 6 dropdown options.... in one of those possible options.. when SELECTED...i want the div layer that i currently have under it...to appear

and i cant seem to figure it out....heres my code in its entirety

i want budget div...to appear when the option website design is selected

Code:

	<label for="subject">What are you interested in?<em>&bull;</em></label>
			<select type="text" value="Choose a Service" name="subject" id="subject" />
           <option selected> -- Select A Design Service --</option>
           <option id="website"> Website Design </option>
             <option> Twitter </option>
             <option> Ning or Tumblr </option>
             <option> Flyers </option>
             <option> Business Card or Brochure</option>
                <option>Other</option>
            </select><br />
<div id="budget" style="display:none;"><label> Do you know your budget for this Project?  </label> <input style="width:auto" type="radio" name="message" value="Not Sure"> Not sure
<input style="width:auto;margin-left:10px;"  type="radio" name="budget" value="$400-$800"> $400-$800
<input style="width:auto;margin-left:10px;"  type="radio" name="budget" value="$800-$1200"> $800-$1200
<input style="width:auto;margin-left:10px;"  type="radio" name="budget" value="over $1200"> over $1200 

</div>

Greetings,

I am trying to make a form that collects "Number of Children" a parent has. If they select "4" from the select input, then I want to slidetoggle out the appropriate divs, one for each child.

Code:

<select id="NumberofChildren" name="NumberofChildren">
        <option value="0">0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
</select>

The div IDs to display are 1child, 2child, 3child, 4child, 5child.

I have been able to use slidetoggle in the past when attached to a button, but this one has me lost. Anyone know how to accomplish this? Your help is greatly appreciated! Thank you!

I've inherited this piece and now I'm suppose to add to it. Its basic function currently is when the "Other" option is selected, a hidden text field shows. Now, I need to add when "Athletics" is selected, another hidden select group will show.
I've set up the new Select group already, but not sure how to incorporate it into the already existing script. I've been researching for two days, and hopefully this form will be helpful.


Code:

<select id="Program" name="Program" size="1" onchange="
      $other = document.getElementById('other_program').style;
      $invoice = document.getElementById('invoice');
      if (selectedIndex==6) {
        $other.visibility='visible';
        if ($invoice.value == 'General Fund') $invoice.value='';
      } else {
        $other.visibility='hidden';
        if (selectedIndex==1) {
          $invoice.value='Renegade Fund';
        } else {
          $invoice.value='Please Specify';
        }
      }
      ">
      <option selected="selected" value="Not Selected"> - - Select One - - </option>
      <option value="Athletics">Athletics</option>
      <option value="Drum Line">Drum Line</option>
      <option value="Renegade Fund">Renegade Fund</option>
      <option value="General Scholarships">General Scholarships</option>
      <option value="President's Circle">President's Circle</option>
      <option value="Other">Other</option>
    </select>

    <span id="other_program"><input type="text" id="invoice" name="invoice" size="15" /></span>

    <!-- the following is the new select group ive set up
    <span id="alumni">
        <select id="select-alumni" name="select-alumni" size="1">
            <option selected="selected" value="Not Selected">Yes or No</option>
            <option value="Yes-alumni">Yes</option>
            <option value="Not-alumni">No</option>
        </select>
    </span>
    -->

Hi,

Is there anyone who could help me figure out how to Change a Hidden Fields Name based on selected option. The hidden fields name is sent off and I need to change the name depending on what option they select.
For if they select MyList the hidden field name needs to be SelectLists[40] or if they select testlist the hidden field name needs to be SelectLists[41].

This is probably way, way off but I've done this and it doesn't work.

Any help would be greatly appreciated, thanks.


<script language="JavaScript">
function changelist() {
//here we assign the value of the hidden input to x
x=eval(document.getElementByName("SelectLists[40]");

if(document.getElementById("SelectLists[40]").selected=true
x=SelectLists[40]

else(document.getElementById("SelectLists[41]").selected=true
x=SelectLists[41]

else(document.getElementById("SelectLists[42]").selected=true
x=SelectLists[42]

//now we assign the new value to the input
document.getElementById("theHiddenInput").name=x;

//and now we test
alert(document.getElementById("theHiddenInput").name)


}
</script>





<input type="hidden" id="theHiddenInput" name="SelectLists[40]" value="Yes">
<select class="inpBox" style="width: 287px" name='mailinglist' id="lists" onchange="changelist()">
<option value="SelectLists[40]" name="SelectLists[40]" id="SelectLists[40]">MyList</option>
<option value="SelectLists[41]" name="SelectLists[41]" id="SelectLists[41]">testlist</option>
<option value="SelectLists[42]" name="SelectLists[42]" id="SelectLists[42]">testlist2</option>

i'm working with a city select option, a hotel select option & an iframe. the hotel select option is populated depending on the chosen city which then updates the iframe src. this is all working fine.

the trouble im having is that when the page is refreshed, normal f5 way, the hotel option changes whereas the city option & the iframe src remains the same??

this problem does not occur on a force refresh via control + f5 as then both select options & iframe src revert to their original state.

I don't want the city option to change upon a normal page refresh. how do I go about this?

below are the city, hotel select options & iframe
Code:

    <form name="hotelslist" id="hotelslist">
        <select id="cities" name="cities" onChange="hotel_list(hotelslist.cities.selectedIndex);loadHotel();">
          <option value="Baddeck">Baddeck</option>
          <option value="Banff">Banff</option>
        </select>
    <select id="hotelnames" name="hotelnames" onChange="loadHotel();">
          <option value="Inverary Resort, Baddeck">Inverary Resort, Baddeck</option>
        </select>
      </form>

<iframe name="hotelframe" id="hotelframe" src="http://www.google.com" scrolling="no" width="660" height="1000" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"> <p>Your browser does not support iframes.</p> </iframe>

below is my javascript functions
Code:

function loadHotel() { 
    var destURL = document.hotelslist.hotelnames.options[document.hotelslist.hotelnames.selectedIndex].value; 
		window.frames["hotelframe"].location = destURL; }

var i;
function hotel_list(i){
var hotelslist = document.getElementById("hotelslist");
	hotelslist.hotelnames.options.length=0;
	
switch(i)
{	
case 0: //Baddeck
hotelslist.hotelnames.options[0] =new  Option('Inverary Resort, Baddeck','http://www.test0.com');
break;
case 1: //Banff
hotelslist.hotelnames.options[0] =new  Option('Banff Caribou Lodge & Spa','http://www.test1.com');
hotelslist.hotelnames.options[1] =new  Option('Banff Ptarmigan Inn','http://www.test2.com');
hotelslist.hotelnames.options[2] =new  Option('Banff Rocky Mountain Resort','http://www.test3.com');
hotelslist.hotelnames.options[3] =new  Option('The Rimrock Resort','http://www.test4.com');
hotelslist.hotelnames.options[4] =new  Option('Fairmont Banff Springs','http://www.test5.com/');
break;
}
}

can some one please advise on a cross browser solution?

thanks in advance.
Omar.

Hey Guys,

I'm working on a Gameserver for a Game, written in JavaScript.
I want to save all console.log()'s with Timestamp into a txt-file but I don't know how :/

Could you help me with it and tell me how I can do this?
for example, I want to save User-Logins into the logs. This is the code I'm using right now.
Code:

            case "LOGIN":
                var data = PacketModels.login.parse(datapacket);
                User.login(data.username, data.password, data.is_banned, data.is_online, function(result, user){
                    if(result){
                        if(user.is_banned == 1){
                            console.log("[WARNING] ".red + data.username + " tried to login. It failed because the User is banned!");
                            c.socket.write(packet.build(["LOGIN", "ISBANNED"]));
                        }else if(user.is_banned == 0){
                            if(user.is_online == 1){
                                console.log("[WARNING] ".red + data.username + " tried to login. It failed because the User is already online!");
                                c.socket.write(packet.build(["LOGIN", "ALREADYLOGGEDIN"]));
                            }else if(user.is_online == 0){
                                c.user = user;
                                c.enterroom(c.user.current_room);
                                c.user.is_online = 1;
                                c.user.save();
                                c.socket.write(packet.build(["LOGIN", "TRUE", c.user.current_room, c.user.pos_x, c.user.pos_y, c.user.username]));
                                console.log("[INFO] ".blue + data.username + " has logged in on     Map:[" + (c.user.current_room_name).blue + "] X:[" + String(c.user.pos_x).blue + "] Y:[" + String(c.user.pos_y).blue + "]");
                            }
                        }
                    ...

Reply With Quote




12-22-2014, 02:48 PM #2
sunfighter View Profile View Forum Posts

Senior Coder Join Date Jan 2011 Location Missouri Posts 4,830 Thanks 25 Thanked 672 Times in 671 Posts

JS will not save a text file. You need to do this with a server side language like PHP and if your going to all of that trouble you might want to study a database at the same time or soon after.

This is code use to save XML file using Javascipt but it can't not save full Processing Instruction, example we have PI is <?xml version="1.0" encoding="utf8"> when run the code then PI is saved with <?xml version="1.0">
and sometime it doesn't word. Please help me fix, thanks

PHP Code:
        function SaveXML(xmlDoc,filename)
    {
        var outputXML = xmlDoc.xml;        
        var mfObj = new ActiveXObject("Scripting.FileSystemObject");
        var absPath = getPath();
        var file = mfObj.CreateTextFile(absPath + filename, true);
        file.Write(outputXML);
        file.Close();
    }

        function getPath() {
        var path = document.location;
        var str = new String(path);
        var end = str.lastIndexOf("/");
        var absolutePath = str.substring(8, end) + "/";
        absolutePath = absolutePath.replace(/%20/g, " ");
        return absolutePath;
         } 

Hello,
i m new Javascript but knows basics of functions etc.
ive created a website, which also has field to Submit Email addresses for newsletters..

Now, i have a TextBox (for users to write email addresses)
and a Submit button in which i want to call a Javascipt script function which OnClick takes the value(email address) from the textbox and saves it to a .txt file on server.

i think i am just missing a single line, the function name which will store the value.. i searched ovr the net but didnt find it..

plz help mee.
Thankyou!

I have a ZIP file in the server. I want create a create a save dialog to save the zip file in local machine.


The below code works perfectly fine for firefox but not on IE. apparently I want the code to work in IE. this is 4th JS forum I am posting my question......any help is greatly appreciated.

<html>
<head></head>
<script language='javascript'>
function JBTRunZip( ){

location.href="IMAN_IMAGE_FILES.zip";

}
function download(locate){
window.open(locate)
}
</script>
<body>
<button onclick="JBTRunZip()">generateZip</Button>
<td><input type ="Button" value ="Scarica" onclick="download('Test.zip');"></td>
</body>
</html>

hi,
i want to create a extension for chrome using which i can save the current tab url in a text file.

thanks
sanjay

like for example i have text areas named upload1 and upload2

when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"