Solved

CF selecting items in select box

Posted on 2010-09-23
9
249 Views
Last Modified: 2013-12-24
Hello experts
please help.

below is my code

<cfquery name="selectid" datasource="ds">
      SELECT ID FROM TBL
</cfquery>
<cfset recnumb=#selectid.recordcount#>

<cfselect name="attyorder">
      <option  value=""  />
      <cfloop index="LoopCount" from="1" to="#recnumb#">
              <option  value="#selectid.id# - #LoopCount#">#LoopCount#</option>
      </cfloop>
</cfselect>

The recordcount can be 2, can be 10 , can be any.
What i need is to prevent user to select the same number from
the select box. Any ideas?

Thanks.
0
Comment
Question by:kqureshi321
  • 4
  • 3
  • 2
9 Comments
 
LVL 51

Expert Comment

by:HainKurt
ID: 33748358
dont put same numbers ;)

why do you have same numbers in select box?

can you give sample?
0
 
LVL 63

Expert Comment

by:Zvonko
ID: 33748693
Is this a trivia question?

<cfset recnumb=#selectid.recordcount#-1>


0
 

Author Comment

by:kqureshi321
ID: 33750192
the  numbers represents the order.
Here is  what i tried to achieve. Each record from the query should has a select box with numbers from 1 to number of records. User will select number which represent the order (for future use). See the attachment how it  looks (this is a very simple version).
what i need is if you select 2 for exmp in the box for one record , you can't  select 2 for any other record
Any suggestions?pls
 

output.jpg
0
 
LVL 51

Expert Comment

by:HainKurt
ID: 33750369
here it is ;)
<SCRIPT TYPE="text/javascript">

function isSelected(sb){

  var sbarr = document.getElementById("divOrder").getElementsByTagName("SELECT");

  for (i=0; i<sbarr.length; i++)

  if ((sbarr[i] != sb) && (sbarr[i].value == sb.value)) return true;

  return false;

}



function checkOrder(sb){

  if (isSelected(sb)) sb.value=oldVal;

}



var oldVal;

function setOldValue(sb){

  oldVal = sb.value;

}



function selectOldValue(sb){

  for (var i = 0; i < sb.options.length; i++)

    if (sb.options[i].value == oldValue) sb.options[i].selected="selected";

}

</SCRIPT>



<div id=divOrder>

A : <select id=sel1 onclick="setOldValue(this)" onchange="return checkOrder(this)">

<option value=1 selected>1</option>

<option value=2>2</option>

<option value=3>3</option>

<option value=4>4</option>

</select><br>



B : <select id=sel2 onclick="setOldValue(this)" onchange="return checkOrder(this)">

<option value=1>1</option>

<option value=2 selected>2</option>

<option value=3>3</option>

<option value=4>4</option>

</select><br>



C : <select id=sel3 onclick="setOldValue(this)" onchange="return checkOrder(this)">

<option value=1>1</option>

<option value=2>2</option>

<option value=3 selected>3</option>

<option value=4>4</option>

</select><br>

</div>

Open in new window

0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 51

Expert Comment

by:HainKurt
ID: 33750374
a small fix

onchange="return checkOrder(this)"
-->
onchange="checkOrder(this)"
0
 
LVL 63

Expert Comment

by:Zvonko
ID: 33751735
This function is never used in your solution and can be removed:

function selectOldValue(sb){
  for (var i = 0; i < sb.options.length; i++)
    if (sb.options[i].value == oldValue) sb.options[i].selected="selected";
}

0
 

Author Comment

by:kqureshi321
ID: 33753967
wow. Thanks guys.
I'll definetly try it.
0
 
LVL 51

Accepted Solution

by:
HainKurt earned 500 total points
ID: 33754301
Thanks Zvonko,

I thought

if (isSelected(sb)) sb.value=oldVal;

will not work, and thats why I added that function, then forgot to use it since setting sb.value directly was working ;)

Here is the revised version with that function...
<SCRIPT TYPE="text/javascript">

function isSelected(sb){

  var sbarr = document.getElementById("divOrder").getElementsByTagName("SELECT");

  for (i=0; i<sbarr.length; i++)

  if ((sbarr[i] != sb) && (sbarr[i].value == sb.value)) return true;

  return false;

}



function checkOrder(sb){

  //if (isSelected(sb)) sb.value=oldVal;

  if (isSelected(sb)) selectOldValue(sb);

}



var oldVal;

function setOldValue(sb){

  oldVal = sb.value;

}



function selectOldValue(sb){

  for (var i = 0; i < sb.options.length; i++)

    if (sb.options[i].value == oldVal) sb.options[i].selected="selected";

}

</SCRIPT>



<div id=divOrder>

A : <select id=sel1 onclick="setOldValue(this)" onchange="checkOrder(this)">

<option value=1 selected>1</option>

<option value=2>2</option>

<option value=3>3</option>

<option value=4>4</option>

</select><br>



B : <select id=sel2 onclick="setOldValue(this)" onchange="checkOrder(this)">

<option value=1>1</option>

<option value=2 selected>2</option>

<option value=3>3</option>

<option value=4>4</option>

</select><br>



C : <select id=sel3 onclick="setOldValue(this)" onchange="checkOrder(this)">

<option value=1>1</option>

<option value=2>2</option>

<option value=3 selected>3</option>

<option value=4>4</option>

</select><br>

</div>

Open in new window

0
 

Author Comment

by:kqureshi321
ID: 33823216
Hi ,
sorry it took a while to response, was away :( on vac :)
This code is working, thanks. However, if you check above image , i need to pass a person's id along with the number(from selectbox) to another form for processing.
where or how i can place this id? Look at this two pieces of code:
1. <cfquery name="selectid" datasource="ds">
      SELECT ID FROM TBL
</cfquery>
<cfset recnumb=#selectid.recordcount#>
<cfselect name="attyorder">
      <option  value=""  />
      <cfloop index="LoopCount" from="1" to="#recnumb#">
              <option  value="#selectid.id# - #LoopCount#">#LoopCount#</option>
      </cfloop>
</cfselect>
this gives me needed variable ID-Order , but doesn't restrict repetings in order.
2. <select name="attysend" onclick="setOldValue(this)" onchange="checkOrder(this)">
   <option  value=""  />
 <cfloop index="LoopCount" from="1" to="4">
        <option  value="#LoopCount#" id="#LoopCount#" >#LoopCount#</option>
     </cfloop>
 </select>

this one gives me needed restriction on select but  no ID, i tried different approaches  and nothing works.
any ideas?


 
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Fixing some Issues with regex again 9 28
Problem to Eclipse 16 119
JKS to store upstart data 2 85
CFFILE upload help 98 139
CFGRID Custom Functionality Series -  Part 1 Hi Guys, I was once asked how it is possible to to add a hyperlink in the cfgrid and open the window to show the data. Now this is quite simple, I have to use the EXT JS library for this and I achiev…
I spent nearly three days trying to figure out how incorporate OAuth in Coldfusion for the Eventful API. Hopefully, this article will allow Coldfusion Programmers to buzz through the API when they need to. Basically, what this script does is authori…
This Micro Tutorial hows how you can integrate  Mac OSX to a Windows Active Directory Domain. Apple has made it easy to allow users to bind their macs to a windows domain with relative ease. The following video show how to bind OSX Mavericks to …
Both in life and business – not all partnerships are created equal. As the demand for cloud services increases, so do the number of self-proclaimed cloud partners. Asking the right questions up front in the partnership, will enable both parties …

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now