I'm having an issue making a <select> box read only. Disabled works in that it greys it out and prevents the user from changing the value, but it also doesn't submit the value to the server (as expected). On regular inputs the readonly attribute seems to work but when applying readonly to a select, it changes nothing. It doesn't grey out the element and I can still change the value. I've done a bit of searching but can't find anything for IE6. This is for an intranet where the target is 100% IE6 so I don't care if it doesn't work in other browsers. It must be IE6 ...
This code works fine for IE8, IE9, and Chrome. But not for IE7. I have tried jQuery versions upto 1.6.1. Is there something wrong with jQuery in this case? Do I have to resort back to classical JavaScript for IE7, which you know, is a difficult task to do.
I have need of a readonly select element that looks and acts disabled to the user. The problem with the disabled attribute is that the value isn't passed to the handler, so I'm using readonly. Problem with readonly is that is allows focus, which when the user highlights, then hits backspace (as if to change the field), the browser does a history.back. This is confusing to users. Code:
I have a php function that list all of the countries from my database as a select option, then based on what the user selects for their country im using jquery to make an ajax call and get all of the states/regions for that country. This part works fine. I'm running into an issues, as when a user login's in to edit their profile, how would I make the select change based on what is in the databse.
If 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?
I am stuck with a problem trying to mimic the behavior of a Windows Forms Readonly textbox in HMTL/ASP.NET.
Basically, I would like the text to be readonly and overflow the textbox (overflow attribute) with the user being able to scroll thru the text using the arrow keys within the textbox.
I managed to get the readonly and the overflow part to work but cannot figure out a way to let the user place the cursor within the box and allow scrolling within a readonly textbox.
In FF, this works as I would expect. When clicking on the input, the readOnly property is set to false and the focus is given to the element, with the cursor placed after the last character.
In IE, the readOnly property is set to false, but the element isn't actually given focus. Instead, I have to click on the input a second time in order to actually input text with the keyboard.
Is there a way to make this work the same in IE as it does in FF? I have tried things like calling this.focus() and this.click() after setting readOnly to false, but they have no effect.
In my asp page, I have a dropdown box and 2 textbox. The dropdown has "select" as the first value. If value is select in the dropdown, i want to make the textbox as readonly, else it can be used for inputting.
I tried this:
Code:
function OnChange(dropdown) { var myindex = dropdown.selectedIndex; var SelValue = dropdown.options[myindex].value;
[Code].....
But, I am not able to set to readonly. How to make textbox readonly on the select change and body onload?
When accessing my web page I build up the javascript and html dynamically. Depending on an parameter I want to set all the fields (input tags) readonly. How do I do this? Of course I can write if statements to add different input tags with and without the readonly attribute. But is it possible to write a javascript that onload search the page and add readonly to all input tags?
I'm not sure why I'm having problems with this but if I try to retrieve the value of a readonly text form I get back that the object is undefined.
The reason the text is readonly is because it's a date which I set via a calendar javascript program (associated with a button) only so the user can't put something silly in requiring validation.
The form send the data correctly when submitted it just doesn't seem to be able to be read.
On blur of field1, field2 is set to READONLY but the cursor on my page then defaults to field2 and the cursor is at the END of the value and when the user clicks the backspace button the value can be erased. I would like the ability to have the cursor move to the next NON-READONLY or ENABLED field on the page. Is that do-able with jQuery?
Folks, I'm no real coder however I am the "IT" guy for a non-profit. We have a registration form in which we have a few readonly fields that are numerically auto-populated by input into other fields. We need to total those readonly fields and though the function we have works(if we allow input and use the onkeyup event,) we can't find an event that will work with readonly fields. So, is there a means to trigger the function when readonly fields are auto-populated?
In my program, I have GMap logic that outputs location information to a disabled input field (was previously a label). Then, when a user clicks on a link (to start a new map), I want to save the location data to an array prior to server processing. So, onchange, save the input field's value to array[last_click]. But, because this field is hidden (or readonly) I am not sure how to go about this.
I get right to the point: I want my form to select the correct radio button and submit by clicking a custom link. This is for a voting system, a simple top list.My setup (psuedo setup really) The "o" is a radio button.1. Cat - Points: 5 - o [Vote]2. Dog - Points: 3 - o [Vote]The goal? User clicks on the [Vote] - link and the correct radio button is selected and the form is submitted.(I´m not going to show the radio button later, just there to clear things out right know).So I wrote this little neat piece of code:
(.views-field nothing span => My [Vote]-link) (function($) { $(function() {
I currently am trying to make a long list of checkboxes function like a multi-select box would. I would like to be able to shift-select two checkboxes and have for example, the X number of boxes in between all be selected.
I have a html:select tag box and I want to make it copy pastable directly from an excel sheet or notepad so as to dynamically updating its options, is it possible. Current code has html:select box separately and below this another text box is there, where i fill the numeric value, then press add button below and then it gets updated in the html:select tag box.
Is it possible to copy from some list of numeric values and then directly paste into the html:select and the array list gets updated from this pasted list.
I want to have multiple small pictures on my site(lats say 9 - box of 3x3). I want to make an interface in which user will be able to select 2 pictures and press the submit button.
So i want to get the numbers of the 2 selected pictures(lets say they have numers representing them 1,2,3,4...) in the POST variable so i can do something with them in my PHP scripts.
