My form contains a radio-button & a drop-down. So depending upon the selected value of radio button i need to enable/disable the drop-down.
I am doing this:
<select name="bas_type" id="bas_type" disabled="disabled">
<option value="Monthly">Monthly</option>
<option value="Quarterly">Quarterly</option>
<option value="Annualy">Annualy</option>
</select>
But i want to get drop-down value as empty in $_POST if form is disabled..
So this won't work. Please any suggestions..
Simply add a hidden field with the value you want to receive when the control is disabled and the same name as the dropdown. Be sure to place it before the dropdown in the HTML:
<input type="hidden" name="bas_type" value="" />
<select name="bas_type" id="bas_type" disabled="disabled">
<option value="Monthly">Monthly</option>
<option value="Quarterly">Quarterly</option>
<option value="Annualy">Annualy</option>
</select>
Of course you shouldn't really have to do this, since in PHP you should be receiving incoming parameters with at least a helper function like
function param($name, $default = null) {
return isset($_REQUEST[$name]) ? $_REQUEST[$name] : $default;
}
Don't rely on data you get from form. What you should actually do is check serverside if radiobutton is active or not, and depending on that ignore or accept value from dropbox.
Set the value in the form to "" and that should do the trick:
<option value="">Annualy</option>
or use a space like this (not sure which will work better for you, haven't tried to do it):
<option value=" ">Annualy</option>
Edit: The data contained in the value="something" is the actual data that is passed to the URL via a get. Hence, if you blank it out, the data won't get passed.
Related
I have a simple GET form that a user can submit to search for posts (real estates) on my WordPress website.
My HTML search form looks a little like this:
<form method="get" action="estates">
<select name="city[]" multiple>
<option value="">Select an option</option>
<option value="city-1">City 1</option>
<option value="city-2">City 2</option>
</select>
<select name="purpose[]" multiple>
<option value="1">For sale</option>
<option value="2">For rent</option>
</select>
<input type="submit" value="Search">
</form>
Let's say a user selects no other option for city and selects a purpose with value '1'.
The 'purpose'value is correctly added to the URL, and the 'city' field has a value of "".
The URL that is generated would look like this: mysite.com/estates/?city%5B%5D=&purpose%5B%5D=1
Now the problem is with the 'city' field in this example. Because I use a default option for 'city', with a value of "", it is added to the URL but without a value.
However, when I do my PHP checks and build up to search query on my posts page, the empty($GET["city"]) is not returning true, and my query is not working correctly.
I have tried many things, including $GET["city"] == "" and array_key_exists('city', $_GET) but my PHP code always says that $GET["city"] is not empty and should be added to my search query, which then results in a bad query result.
Am I missing something, or is there another way to check if a value is set for this parameter?
When I do print_r($_GET['city']), I get the following return:
Array ( [0] => )
Html: a good practice is to have a default value that is disabled
<option disabled selected value> -- select an option -- </option>
default select option as blank
*Prefer not to pass empty value.
How I usually approach this:
Use the html disabled selected value
Use isset($_GET[.etc.]) then
Sanitize and trim your input
Check if it's a valid option in_array() or other method and then
Allow it to reach your DB
The behavior can vary on your liking. For instance if there is not value you want to inform the user, look for everything or both etc. Consider this, someone passes an argument from url, a city that does not exist. What you want then to happen?
I am doing PHP validation, and I was reading w3.org on forms. Can anyone clarify this statement
"When no options are selected, the control is not successful and neither the name nor any values are submitted to the server when the form is submitted". To test this, I have created
<form method="get" action="#">
<select name="select_name" >
<option value="">Select one</option>
<option value="one">Choice one</option>
<option value="two" >Choice two</option>
<option value="three">Choice three</option>
</select>
</form>
When I print the GET array, I see that the name "select_name" always passed to the server. For radio and checkbox, this is not true. But I do not understand what that statement trying to say. Is it possible for "neither name nor value" to be passed during select option?
The specification you quoted:
When no options are selected, the control is not successful and neither the name nor any values are submitted to the server when the form is submitted.
...indicates what to do when no options are selected, but by default most browsers will automatically select the first option of a (drop-down) select element. Do you not see on your test page that the first option "Select one" is automatically selected when the page loads? In your case where the first option has an empty string as its value if you then submitted the form with that option selected you should have a request parameter with the name "select_name" and a value that is an empty string.
In the case of a (non-drop-down) select multiple element:
<select name="select_name" multiple>
...no option is selected by default so then if you submit without selecting any options you should see that you don't get a "select_name" request parameter.
NOTE: You tagged your question with "PHP", but this is not a PHP thing. It's the browser that forms the request according to the state of the form controls at the time.
I've 2 select boxes with same id's as well as names but at a time only one is shown.
But when form is posted i do not get the exact value.It only displays the first value from the dropdown.
Following is a sample code of the same.
<?php
var_dump($_POST)
?>
<form method="POST" action="">
<select name="test" id="test">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="test" id="test" style="display:none" >
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="Add"/>
</form>
I even tried surrounding the select box with a div and then hidding it.
Not sure why you have two select's with the same name, but when you hide one you also need to disable it too (disabled="disabled").
As per HTML specification, disabled fields are not submitted so you should have your true value posted from the select that isn't disabled.
Presumably you're using some javascript to switch which select is displayed?
If that's the case, then start off with
<select name="test" id="test"></select>
<select name="test_dummy" id="test_dummy" style="display:none" ></select>
And whichever code changes the style attribute will also have to change the name and id attributes
Even when one of these is hidden at every point, they should have different names in the markup so you can identify which one is which.
Otherwise it'll pass only the last element's (in the markup) value through the form (no matter if it's hidden via CSS or not).
I'm not quite sure why your hiding/showing only one of these at a time anyway. It'd likely be better if you replaced the <option>'s inside the select to the new ones, instead of using show/hide.
You would have to have different id's and in your code conditionally check which select box value is visible fetch it's value.
When you submit a form, the POST data contains data basing on the attribute name. If they have the same name, the value of the second select overwrites the value chosen from the first one. Even if you hide it in the page.
If you want to have just the value of the first select, you should disable the second one, by adding disabled="disabled" or by changing its name.
How to specify each option at a select tag?,using which attribute (name,id,....)?
and how to recieve it in the server script to detect which option is selected?
Here's a standard select box, in which value and content are different:
<select name="color_id">
<option value="1">Red</option>
<option value="2">Blue</option>
<option value="3">Green</option>
</select>
Upon form submission, $_GET['color_id'] or $_POST['color_id'] (depending on the form method) would be set to 2 if the user had selected Blue.
If the content of the option is the value you want to send, no need to repeat yourself; the option's value is set to the content if no other value is specified.
<select name="color_id">
<option>Red</option>
<option>Blue</option>
<option>Green</option>
</select>
Upon form submission, $_GET['color_id'] or $_POST['color_id'] (depending on the form method) would be set to Blue if the user had selected Blue.
The index in $_GET or $_POST will be the name of the select tag. The contents of the array element will be the value of the option.
You use this:
<select name="select1">
<option value="val1">Option 1</option>
<option value="val2">Option 2</option>
</select>
As for the server side, it depends on which technology you are using.
edit sorry I didn't see you tagged it as php. $_POST or $_GET will contain the "select1" item, depending on which method you're using in your form tag.
If I have a combobBox with values red/white/blue and the users chooses blue then I want my form action php page to use the value 2, not `blue. I hope you see what I mean.
Is there any easy way to do that?
<form action='phpPage.php' name='bsForm' method='POST'>
<select name='TheColor' onSelect="bsForm.submit()">
<option value='0'>red</option>
<option value='1'>white</option>
<option value='2'>blue</option>
</select>
</form>
If your form looks anything like that, then your phpPage should easily be able to get the value 2 from $_POST['TheColor']
You do this by constructing your form appropriately and supplying a value attribute:
<option value="2">blue</option>