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.
Related
My dropdown always lists all values all are visible every time.
view
<label>Choose Employees</label>
<select name="select_employee[]" multiple="multiple">
<option disabled="disabled" selected>Select</option>
<? foreach ($employee->result() as $var)
{?>
<option value="<?echo $var->emp_id;?>"><?echo $var->emp_name;?></option>
<?}?>
</select>
This is the permanent view. Is this a css issue..?
Removing the array symbol it exists proper view..but I want to keep it as an array.
initially vie this way
<select name="select_employee[]" multiple="multiple" size="1"> will display two options.
Default value is 1 for single select. If the multiple attribute is present, the default value is 4
You have multiple="multiple" in your code, which makes all the options visible because your user needs to be able to select more than one option.
Here is the documentation: http://www.w3schools.com/tags/att_select_multiple.asp
I have a form that will be used for quoting items. The user will be able to add blocks of fields to the form which I have working at the moment. Consider the code below
<div class="fields">
<select name="landscaping[]">
<option value="1">Rocks</option>
<option value="2">Other Rocks</option>
</select>
<select name="veneer[]">
<option value="1">Veneer Rocks</option>
<option value="2">Other Veneer Rocks</option>
</select>
<input type="text" name="quantity[]">
</div>
The problem is the user may select either veneer or landscaping but not both but no matter what there will be a quantity associated with the choice. And likely an additional parameter. I need a way to associate quantity with veneer or landscaping in each instance of this section.
Since you are using javascript to hide one of the elements at a time, I would also include a hidden field which holds the value of the select field which you want to grab the value from. You could also just look for the one which has a value, but since they can probably each have a value, it's safer to send a value which tells you for sure which field you should pull from.
<div class="fields">
<select name="landscaping[]">
<option value="1">Rocks</option>
<option value="2">Other Rocks</option>
</select>
<select name="veneer[]">
<option value="1">Veneer Rocks</option>
<option value="2">Other Veneer Rocks</option>
</select>
<input type="text" name="quantity[]">
<!-- This value should change depending on which one is currently visible -->
<input type="hidden" name="selectedField" value="landscaping">
</div>
Then in your form processing page use something like the following:
$selection = $_POST[$_POST['selectedField']];
This will pull the value of your selectedField post dynamically and use it to then grab the correct select list. Using this method can be risky though... Make sure that you sanitize your POST data!
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.
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>