We Keep Coding

Filter table with logical operations using Jquery

Trying to implement table filter with And/Or logical operations. Now the table is filtering based on individual datepicker and select field. If I select AND the table should show both datepicker and select field results, if I select OR either of one should display. Is it possible to achieve it in jquery. Any help is appreciated.
$(document).on("change", "#datepicker .created_on , select", function() {
var dataVal = $("#datepicker .created_on").datepicker('getDate');
dataVal = $.datepicker.formatDate("d/m/y", dataVal);
var select_value = $("#nameselect select").val();
var logic = $("select.logic").val();
$("#myTable tr:not('#table-header')").hide();
if (select_value != "" && dataVal != "") {
$("#myTable tbody > tr").each(function() {
var data_type = $(this).data('type');
var datess = $(this).find("td:eq(3) label").text()
var condition = (logic == "1") ? ((data_type == select_value) && (datess == dataVal)) : ((data_type == select_value) || (datess == dataVal))
if (condition) {
$(this).show();
}
});
} else if (dataVal != "" && select_value == "") {
console.log("dwd")
$("label:contains('" + dataVal + "')").each(function() {
$(this).closest('tr').show();
});
} else if (dataVal == "" && select_value != "") {
$("[data-type=" + select_value + "]").each(function() {
$(this).show();
});
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<div style="display:inline-flex;">
<label>logic</label>
<select style="width:60px;" required="" class="logic">
<option value="">select</option>
<option value="1">OR</option>
<option value="2">AND</option>
</select>
</div>
<div style="margin-left:10px;display:inline-flex;" id="nameselect">
<label for="value">Name</label>
<select style="width:120px;" id="mylist" class='form-control' required="">
<option value="">select</option>
<option value="Mary">Mary</option>
<option value="John">John</option>
<option value="Martin">Martin</option>
<option value="Rozi">Rozi</option>
</select>
</div>
<table class="" cellpadding="1" cellspacing="1" style="margin-top:10px;" id="myTable">
<thead>
<tr id="table-header">
<th><label> NAME</label></th>
<th><label> TYPE</label></th>
<th><label>Doc</label></th>
<th style="margin-left:10px"><label>Date</label></th>
</tr>
</thead>
<tbody id="">
<tr class="" data-type="Mary">
<td><label>Mary</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">1/1/21</label></td>
</tr>
<tr class="" data-type="John">
<td><label>John</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">31/1/21</label></td>
</tr>
<tr class="" data-type="Martin">
<td><label>Martin</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">21/2/21</label></td>
</tr>
<tr class="" data-type="Rozi">
<td><label>Rozi</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">5/10/20</label></td>
</tr>
</tbody>
</table>

You can use check if the logic select value is 1 or 2 depending on this use && or || operator and show required trs .
Demo code :
$(document).on("change", "#datepicker .created_on , select", function() {
var dataVal = $("#datepicker .created_on").datepicker('getDate');
dataVal = $.datepicker.formatDate("d/m/y", dataVal);
var select_value = $("#nameselect select").val(); //get select value
var logic = $("select.logic").val();
//check if both are not both empty
if (select_value != "" && dataVal != "") {
$("#myTable tr:not('#table-header')").hide();
$("#myTable tbody > tr").each(function() {
var data_type = $(this).data('type'); //get data attr value
var datess = $(this).find("td:eq(3) label").text() //get date value
//compare
var condition = (logic == "1") ? ((data_type == select_value) && (datess == dataVal)) : ((data_type == select_value) || (datess == dataVal))
if (condition) {
$(this).show(); //show
}
});
} else {
//show all..
$("#myTable tr").show();
//or some other logic you need .
}
});
(function($) {
$('.datepicker').each(function() {
$(this).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'dd-mm-yy',
onClose: function() {
//triggerFocus();
}
});
});
}(jQuery));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
<div class="datepicker1" style="display:inline-flex;" id="datepicker">
<label for="datepicker">Date</label>
<input type="text" style="width:120px;" class="created_on required datepicker" placeholder="DD-MM-YYYY" required="">
</div>
<div style="display:inline-flex;">
<label>logic</label>
<select style="width:60px;" required="" class="logic">
<option value="">select</option>
<option value="1">AND</option>
<option value="2">OR</option>
</select>
</div>
<div style="margin-left:10px;display:inline-flex;" id="nameselect">
<label for="value">Name</label>
<select style="width:120px;" id="mylist" class='form-control' required="">
<option value="">select</option>
<option value="Mary">Mary</option>
<option value="John">John</option>
<option value="Martin">Martin</option>
<option value="Rozi">Rozi</option>
</select>
</div>
<table class="" cellpadding="1" cellspacing="1" style="margin-top:10px;" id="myTable">
<thead>
<tr id="table-header">
<th><label> NAME</label></th>
<th><label> TYPE</label></th>
<th><label>Doc</label></th>
<th style="margin-left:10px"><label>Date</label></th>
</tr>
</thead>
<tbody id="">
<tr class="" data-type="Mary">
<td><label>Mary</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">1/1/21</label></td>
</tr>
<tr class="" data-type="John">
<td><label>John</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">31/1/21</label></td>
</tr>
<tr class="" data-type="Martin">
<td><label>Martin</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">21/2/21</label></td>
</tr>
<tr class="" data-type="Rozi">
<td><label>Rozi</label></td>
<td><label>text</label></td>
<td><label>word</label></td>
<td><label style="margin-left:10px">5/10/20</label></td>
</tr>
</tbody>
</table>

Jquery dropdown filter for tables

I'm using a code that I also found here that filters a table based on a dropdown selection. I'm not well-versed with JQuery/Javascript. My Question is how can I "show all" the data using this code snippet:
dropdown:
Show All
Done
On-going
Not yet started
$(document).ready(function($) {
$('#selectField').change(function() {
var selection = $(this).val();
var dataset = $('table').find('tr');
dataset.show();
dataset.filter(function(index, item) {
return $(item).find('td:nth-child(1)').text().split(',').indexOf(selection) === -1;
}).hide();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<select id='selectField'>
<option value=" "> Show All </option>
<option value="Done"> Done </option>
<option value="On-going"> On-going</option>
<option value="Not yet started"> Not yet started </option>
</select>
<table border="2">
<tr>
<td>Done</td>
</tr>
<tr>
<td>On-going</td>
</tr>
<tr>
<td>Done</td>
</tr>
<tr>
<td>Not yet started</td>
</tr>
<tr>
<td>Not yet started</td>
</tr>
</table>

You can check the value of dropdown and then filter it
like
$(document).ready(function($) {
$('#selectField').change(function() {
var selection = $(this).val();
var dataset = $('table').find('tr');
var unSelectedData;
dataset.show();
if (selection !== ' ') {
var unSelectedData = dataset.filter(function(index, item) {
return $(item).find('td:nth-child(1)').text().split(',').indexOf(selection) === -1;
})
}
if (unSelectedData) {
unSelectedData.hide();
}
});
});
$(document).ready(function($) {
$('#selectField').change(function() {
var selection = $(this).val();
var dataset = $('table').find('tr');
var unSelectedData;
dataset.show();
if (selection !== ' ') {
var unSelectedData= dataset.filter(function(index, item) {
return $(item).find('td:nth-child(1)').text().split(',').indexOf(selection) === -1;
})
}
if (unSelectedData) {
unSelectedData.hide();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<select id='selectField'>
<option value=" "> Show All </option>
<option value="Done"> Done </option>
<option value="On-going"> On-going</option>
<option value="Not yet started"> Not yet started </option>
</select>
<table border="2">
<tr>
<td>Done</td>
</tr>
<tr>
<td>On-going</td>
</tr>
<tr>
<td>Done</td>
</tr>
<tr>
<td>Not yet started</td>
</tr>
<tr>
<td>Not yet started</td>
</tr>
</table>

The solution is to avoid search action when selection is same value as "Show all" option which is " "
I've updated the jQuery code as below, and it works :
$(document).ready(function($) {
$('#selectField').change(function() {
var selection = $(this).val();
var dataset = $('table').find('tr');
dataset.show();
dataset.filter(function(index, item) {
if (selection !== ' ') {
return $(item).find('td:nth-child(1)').text().split(',').indexOf(selection) === -1;
}
}).hide();
});
});

how to get the second value from select option in javascript

How do I get the second value of "investortype" and show it within "exploremax"?
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
function addCommas(nStr) // adds commas for long numbers in function explore().. eg. 123456 = 123,456
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
function explore() { // this function will calculate how much credits_all and credits_2_all it costs to explore "total". In addition to that I’d also like it to show exploremax.. but it doesn’t work.
var value = document.getElementById(investortype).value;
var split = value.split(":");
var v1 = split[0];
var v2 = split[1];
var toexplore = Number($("toexplore").value);
var total = Number($("total").value);
var exploremax = Math.round(((total * 0.12 * v2) * 1) / 1);
var credit = Math.round(((total * 0.51 * v1) + 700) * Math.pow(10, 10)) / Math.pow(10, 10);
var credit_2 = Math.round(((total * 0.51 * v1) + 850) * Math.pow(10, 10)) / Math.pow(10, 10);
var credit_all = addCommas(Math.round((toexplore * credit) * 1) / 1);
var credit_2_all = addCommas(Math.round((toexplore * credit_2_all) * 1) / 1);
var show_exploremax = addCommas(exploremax);
if ((toexplore == "" || toexplore == null) && (total == "" || total == null)) {
$("credit_all").innerHTML = "Error";
$("credit_2_all").innerHTML = "Error";
$("show_exploremax").innerHTML = "Error";
} else {
$("credit_all").innerHTML = credit_all;
$("credit_2_all").innerHTML = credit_2_all;
$("show_exploremax").innerHTML = show_exploremax;
}
}
</script>
I added the HTML. "show_exploremax" is supposed to read the second value from the "investortype" dropdown menu, but I’m having trouble getting it to do that.
<form action="" id="explore_cost">
<p>
<table width="50%" cellspacing="0px" align="center">
<tbody>
<tr>
<td colspan="2" align="center"><b>Land Explore Cost</b></td>
</tr>
<tr>
<td>Investor type:</td>
<td align="center"><select id="investortype" class="dropdown">
<option value="1:1">Standard</option>
<option value="1.2:0.5">Invasive</option>
<option value="1.1:0.9">Economist</option>
<option value="0.1:9.99">Self-sufficient</option>
<option value="1:1">2nd credit</option>
<option value="1.1:1">Researcher</option>
<!-- I tried to split the values with ":" -->
</select>
</td>
</tr>
<tr>
<td >Amount of Land:</td>
<td align="center"><input id="total" type="text" /></td>
</tr>
<tr>
<td>Land to explore:</td>
<td align="center"><input id="toexplore" type="text" /></td>
</tr>
<tr>
<td>Credit Needed:</td>
<td> <font id="credit_all"></font></td>
</tr>
<tr>
<td>2nd credit Needed:</td>
<td> <font id="credit_2_all"></font></td>
</tr>
<tr>
<td>Explore max:</td>
<td> <font id="show_exploremax"></font></td>
</tr>
<tr><br />
<td align="center" colspan="2"><input type="button" value="Submit" class="button1" onclick="explore()" /></td>
</tr>
</tbody>
EDIT: added html.

document.addEventListener( "DOMContentLoaded", init, false );
function init()
{
var select = document.getElementById('investortype');
select.addEventListener( "change", function() {
var option = select.options[select.selectedIndex];
document.getElementById('show_exploremax').innerText = option.dataset.max;
}, false);
select.selectedIndex = -1;
};
<h4>Pick One</h4>
<select id="investortype" class="dropdown">
<option data-credit="1" data-max="1">Standard</option>
<option data-credit="1.2" data-max="0.5" >Invasive</option>
<option data-credit="1.1" data-max="0.9" >Economist</option>
<option data-credit="0.1" data-max="9.99" value="0.1:9.99">Self-sufficient</option>
<option data-credit="1" data-max="1">2nd credit</option>
<option data-credit="1.1" data-max="1">Researcher</option>
</select>
<h4>2nd option:</h4>
Max: <span id="show_exploremax"></span>

My validation keeps giving me an alert even though I have filled the fields

I have a form like this:
<form id="formDaftar" onsubmit="return daftarClick()" method="post">
<table id="tableFormDaftar" border="0" width="400px" height="300px">
<tr>
<td>Nama</td>
<td><input type="text" name="nama" id="nama" size="39"/></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea cols="40" rows="4" name="alamat" id="alamat">
</textarea></td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td><input name="tempatLahir" id="tempatLahir" size="39" type="text"/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" id="radio1" name="gender" id="gender1"/>Laki-laki
<input type="radio" id="radio1" name="gender" id="gender2"/>Perempuan
</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input name="pekerjaan" id="pekerjaan" size="39"/></td>
</tr>
<tr>
<td>Status</td>
<td>
<select id="status" name="status">
<option selected="selected">Lajang</option>
<option>Menikah</option>
<option>Duda</option>
<option>Janda</option>
</select></td>
</tr>
<tr>
<td>Agama</td>
<td><select id="agama" name="agama">
<option>Islam</option>
<option selected="selected">Kristen</option>
<option>Katholik</option>
<option>Budha</option>
<option>Hindu</option>
</select></td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td><select id="kwn">
<option selected="selected">Indonesia</option>
<option>Asing</option>
</select></td>
</tr>
<tr>
<td colspan="2" id="colbutton"> <button name="masukkan" type="submit" id="masukkan">Masukkan</button> <button type="reset" name="batalkan" id="batalkan">Batalkan</button></td>
</tr>
</table></form>
I have a script like this:
var nama = document.getElementById("nama").value;
var alamat = document.getElementById("alamat").value;
var tempatLahir = document.getElementById("tempatLahir").value;
var gender;
if (document.getElementById("gender1").checked){
gender = document.getElementById("gender1").value;
}
else if (document.getElementById("gender2").checked){
gender = document.getElementById("gender2").value;
}
var a = document.getElementById("agama");
var agama = a.options[a.selectedIndex].text;
var pekerjaan = document.getElementById("pekerjaan").value;
var b = document.getElementById("status");
var status = b.options[b.selectedIndex].text;
var c = document.getElementById("kwn");
var kwn = c.options[c.selectedIndex].text;
function daftarClick(){
if (nama == ""){
alert("Nama harus diisi!");
return false;
}
else if (alamat == ""){
alert("Alamat harus diisi!");
return false;
}
else if (tempatLahir == ""){
alert("Tempat/Tanggal Lahir harus diisi!");
return false;
}
else if(!document.getElementById("gender1").checked && !document.getElementById("gender2").checked){
alert("Jenis Kelamin harus dipilih!");
return false;
}
}
The problem is that even though I have filled the fields, it keeps showing the alert() saying that I need to fill the fields.
I have set the validation which will show an alert if the user had not put any letters in the fields but no matter what I put in the fields, it keeps saying that I haven't put it there. What did I get wrong here?

It is because your variables were declared at page load so then your inputs were empty and the variables got empty values
Change it to
<script type="text/javascript">
function daftarClick(){
var nama = document.getElementById("nama").value;
var alamat = document.getElementById("alamat").value;
var tempatLahir = document.getElementById("tempatLahir").value;
var gender;
if (document.getElementById("gender1").checked){
gender = document.getElementById("gender1").value;
}
else if (document.getElementById("gender2").checked){
gender = document.getElementById("gender2").value;
}
var a = document.getElementById("agama");
var agama = a.options[a.selectedIndex].text;
var pekerjaan = document.getElementById("pekerjaan").value;
var b = document.getElementById("status");
var status = b.options[b.selectedIndex].text;
var c = document.getElementById("kwn");
var kwn = c.options[c.selectedIndex].text;
if (nama == ""){
alert("Nama harus diisi!");
return false;
}
else if (alamat == ""){
alert("Alamat harus diisi!");
return false;
}
else if (tempatLahir == ""){
alert("Tempat/Tanggal Lahir harus diisi!");
return false;
}
else if(!document.getElementById("gender1").checked && !document.getElementById("gender2").checked){
alert("Jenis Kelamin harus dipilih!");
return false;
}
}
</script>

Try this:
<script type="text/javascript">
function daftarClick(){
var nama = document.getElementById("nama").value;
var alamat = document.getElementById("alamat").value;
var tempatLahir = document.getElementById("tempatLahir").value;
var gender;
if (document.getElementById("gender1").checked){
gender = document.getElementById("gender1").value;
}
else if (document.getElementById("gender2").checked){
gender = document.getElementById("gender2").value;
}
var a = document.getElementById("agama");
var agama = a.options[a.selectedIndex].text;
var pekerjaan = document.getElementById("pekerjaan").value;
var b = document.getElementById("status");
var status = b.options[b.selectedIndex].text;
var c = document.getElementById("kwn");
var kwn = c.options[c.selectedIndex].text;
if (nama == ""){
alert("Nama harus diisi!");
return false;
}
else if (alamat == ""){
alert("Alamat harus diisi!");
return false;
}
else if (tempatLahir == ""){
alert("Tempat/Tanggal Lahir harus diisi!");
return false;
}
else if(!document.getElementById("gender1").checked && !document.getElementById("gender2").checked){
alert("Jenis Kelamin harus dipilih!");
return false;
}
}
</script>
EDIT: The checkboxes in the HTML have multiple id attributes, which is an error, and thus document.getElementById cannot find them.
<form id="formDaftar" onsubmit="return daftarClick()" method="post">
<table id="tableFormDaftar" border="0" width="400px" height="300px">
<tr>
<td>Nama</td>
<td><input type="text" name="nama" id="nama" size="39"/></td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea cols="40" rows="4" name="alamat" id="alamat">
</textarea></td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td><input name="tempatLahir" id="tempatLahir" size="39" type="text"/></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<!-- Fix is here, id="radio1" removed from both -->
<td><input type="radio" name="gender" id="gender1"/>Laki-laki
<input type="radio" name="gender" id="gender2"/>Perempuan
</td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input name="pekerjaan" id="pekerjaan" size="39"/></td>
</tr>
<tr>
<td>Status</td>
<td>
<select id="status" name="status">
<option selected="selected">Lajang</option>
<option>Menikah</option>
<option>Duda</option>
<option>Janda</option>
</select></td>
</tr>
<tr>
<td>Agama</td>
<td><select id="agama" name="agama">
<option>Islam</option>
<option selected="selected">Kristen</option>
<option>Katholik</option>
<option>Budha</option>
<option>Hindu</option>
</select></td>
</tr>
<tr>
<td>Kewarganegaraan</td>
<td><select id="kwn">
<option selected="selected">Indonesia</option>
<option>Asing</option>
</select></td>
</tr>
<tr>
<td colspan="2" id="colbutton"> <button name="masukkan" type="submit" id="masukkan">Masukkan</button> <button type="reset" name="batalkan" id="batalkan">Batalkan</button></td>
</tr>
</table></form>

check this I think it is working as you are expecting
https://jsbin.com/ragoces/edit?html,js,output
var nama = document.getElementById("nama");
var alamat = document.getElementById("alamat");
var tempatLahir = document.getElementById("tempatLahir");
var gender;
if (document.getElementById("gender1").checked){
gender = document.getElementById("gender1").value;
}
else if (document.getElementById("gender2").checked){
gender = document.getElementById("gender2").value;
}
var a = document.getElementById("agama");
var agama = a.options[a.selectedIndex].text;
var pekerjaan = document.getElementById("pekerjaan").value;
var b = document.getElementById("status");
var status = b.options[b.selectedIndex].text;
var c = document.getElementById("kwn");
var kwn = c.options[c.selectedIndex].text;
function daftarClick(){
if (nama.value === ""){
alert("Nama harus diisi!");
return false;
}
else if (alamat.value === ""){
alert("Alamat harus diisi!");
return false;
}
else if (tempatLahir.value === ""){
alert("Tempat/Tanggal Lahir harus diisi!");
return false;
}
else if(!document.getElementById("gender1").checked && !document.getElementById("gender2").checked){
alert("Jenis Kelamin harus dipilih!");
return false;
}
}

Add textbox value to multiple select box via JavaScript

I have a textbox in which the user is allowed to enter alphanumeric input. I also have a plus image which on clicking will have to add the entered text to a multiple select box called "add key num" (shown below). After adding a few inputs to the multiple select box "add key num", the user can click the left arrow to add the final list to the "list key num" select box. I am stuck on the JavaScript for adding the text input from the textbox to the first select box. Please advise.
Here is the code that I have:
<cfparam name="SESSION.stkeynum" default="">
<table border="1" align="center" STYLE="margin-left:120px;" bgcolor="##B0C4DE">
<tr>
<td align="center" >ENTER KEY NUM</td>
<td align="center" ></td>
<td align="center" >ADD KEY NUM</td>
<td align="center" ></td>
<td align="center" >LIST KEY NUM</td>
<td align="center" >AMOUNT</td>
</tr>
<tr>
<td align="center"><input type="text" maxlength ="8" name="vstkeynum" id="vstkeynum" value="" size="15"></td>
<td><img src="../images/plus.jpg" alt="Add Key number" onclick="add_cc(document.myform.vstkeynum.value);"></img></td>
<td nowrap>
<div id="Div1"></div>
<select name="keynumber" size="5" multiple style="width: 175px; display: inline;">
<option value="null"> </option>
</select>
</td>
<td><img src="../images/arrow_right.gif" alt="Add To List" onclick="copySelectedOptions_edit(document.myform.keynumber,document.myform.keynumber_selection);">
<hr>
<img onclick="removeSelectedOptions_edit(document.myform.keynumber_selection);" src="../images/arrow_left.gif" alt="Delete From List">
</td>
<td nowrap>
<select name="keynumber_selection" size="5" multiple style="width: 175px;">
</select>
</td>
<td align="center"><input type="text" maxlength ="8" name="amount" id="amount" value="" size="7"></td>
</tr>
</table>
JavaScript:
<script type="text/javascript">
function add_cc(a) {
// inital load
ajax({
url: 'add_keynum.cfm?vval=' + a,
fillDiv: 'Div1',
showBusy: true
});
document.myform.vstkeynum.value = "";
}
</script>
<script>
function copySelectedOptions_edit(from, to) {
var options = new Object();
if (hasOptions(to)) {
for (var i = 0; i < to.options.length; i++) {
options[to.options[i].value] = to.options[i].text;
}
}
if (!hasOptions(from)) {
return;
}
for (var i = 0; i < from.options.length; i++) {
var o = from.options[i];
if (o.selected) {
if (options[o.value] == null || options[o.value] == "undefined" || options[o.value] != o.text) {
if (!hasOptions(to)) {
var index = 0;
} else {
var index = to.options.length;
}
to.options[index] = new Option(o.text, o.value, false, false);
}
}
}
if ((arguments.length < 3) || (arguments[2] == true)) {
sortSelect(to);
}
from.selectedIndex = -1;
to.selectedIndex = -1;
}
function removeSelectedOptions_edit(from) {
if (!hasOptions(from)) {
return;
}
if (from.type == "select-one") {
from.options[from.selectedIndex] = null;
} else {
for (var i = (from.options.length - 1); i >= 0; i--) {
var o = from.options[i];
if (o.selected) {
from.options[i] = null;
}
}
}
from.selectedIndex = -1;
}
</script>
This is the code in add_keynum.cfm:
<cfif isDefined("vval") >
<cfif trim(vval) neq "">
<cfset SESSION.stkeynum = Listappend(SESSION.stkeynum,vval)>
<cfoutput>#SESSION.stkeynum#</cfoutput>
<cfelse>
<cfif isDefined("session.stkeynum")>
<cfoutput>#SESSION.stkeynum#</cfoutput>
</cfif>
</cfif>
</cfif>