atn_webdev_2k101112 Posted October 14, 2013 Share Posted October 14, 2013 Hi, I have a page like this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><style>.add-another-cat {/*float:right; */background-image:url(add_btn.png);width:18px;height:18px;}</style><!-- for list --><link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /><script src="http://code.jquery.com/jquery-1.9.1.js"></script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><link rel="stylesheet" href="/resources/demos/style.css" /><style>#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }html>body #sortable li { height: 1.5em; line-height: 1.2em; }.ui-state-highlight { height: 1.5em; line-height: 1.2em; }</style><script>$(function() {$( "#sortable" ).sortable({placeholder: "ui-state-highlight"});$( "#sortable" ).disableSelection();});</script></head><body><script language="javascript">//<![CDATA[$(window).load(function(){$('.add-another-cat').click(function(event){event.preventDefault();var $orDiv = $('.new-category:last').after($('#clone').clone().removeAttr('id').show());});$('.new-categories').html($('#clone').clone().removeAttr('id').show());});//]]></script><div id="clone" class="new-category" style="display:none;"><select class="category-select" name="localprojects"><option value="1">mca 1</option><option value="2">mca 2</option></select><===><select class="category-select" name="remoteprojects"><option value="z1">zoho 1</option><option value="z2">zoho 2</option></select><select class='category-select-sub' style="display:none"><!-- loaded from ajax --></select></div><div class="new-categories" style="display: inline-block;"></div><a href="#" class="add-another-cat smallest" style="display: inline-block;"></a><ul id="sortable"><li class="ui-state-default">Item 1</li><li class="ui-state-default">Item 2</li><li class="ui-state-default">Item 3</li><li class="ui-state-default">Item 4</li><li class="ui-state-default">Item 5</li><li class="ui-state-default">Item 6</li><li class="ui-state-default">Item 7</li></ul></body></html> I like to get the selected values from the 2 comboboxes, combine them together as a string and add to the list<ul id="sortable"><li class="ui-state-default">Item 1</li><li class="ui-state-default">Item 2</li><li class="ui-state-default">Item 3</li><li class="ui-state-default">Item 4</li><li class="ui-state-default">Item 5</li><li class="ui-state-default">Item 6</li><li class="ui-state-default">Item 7</li></ul>For example: if user selects "mca 1" (value "1") and "zoho 2" (value "z2") then the following html code should be auto generated.<li class="ui-state-default" value="1-z2">mca 1 - zoho 2</li>Would you please tell me how to do this? Thanks. Quote Link to comment https://forums.phpfreaks.com/topic/282952-get-data-from-2-comboboxes-and-add-to-a-list/ Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.