Home
Search results “Jquery select options name”
How To Get Selected Option Value From Drop Down List Using JavaScript [ with source code ]
 
04:46
Display Value Of Selected Option in Select Tag Using Javascript Source Code: http://1bestcsharp.blogspot.com/2017/03/javascript-get-selected-option-value.html Javascript Tutorials For Beginners ➜ http://bit.ly/2k7NMWq Javascript Course ➜ http://bit.ly/2IvBCFC visit our blog https://1bestcsharp.blogspot.com/ subscribe: http://goo.gl/nRjPKk In This Javascript Tutorial we will see How To How to Get the Value of Selected Option in a Select Box In Netbeans Editor . Javascript Tutorials : How to get value of selected radio button https://www.youtube.com/watch?v=uzwUBDQfpkU How to append Value to an array https://www.youtube.com/watch?v=KVdY8n6lCy4 javascript images slider 1 https://www.youtube.com/watch?v=QkcemPr4xaU Convert String To Number https://www.youtube.com/watch?v=JMfZG7o_QtE JavaScript Show And Hide Input Password Text https://www.youtube.com/watch?v=Cmo9sjx5eFE change div class name in js https://www.youtube.com/watch?v=X_SDJxKI6HE using checkbox with js https://www.youtube.com/watch?v=yFYEHSh2iTQ get And Set Value To An Input https://www.youtube.com/watch?v=AfRHl3soLDg calculate two numbers https://www.youtube.com/watch?v=oDUjP4N_MtQ Search Element In Array https://www.youtube.com/watch?v=LIsjSMr9bJU Add Search Remove Array Element https://www.youtube.com/watch?v=ppLbuVWf6zM Add HTML Table Row https://www.youtube.com/watch?v=FVSfp8yT8lA Get Mouse Position https://www.youtube.com/watch?v=LVi5DN2vtdo Show Text Letter By Letter https://www.youtube.com/watch?v=dbdYazO4IZ4
Views: 79263 1BestCsharp blog
Load Records on Select box using Ajax Jquery Mysql and PHP
 
09:14
In this video you can learn how to load data from mysql database table when user change item from dropdown box, at that time it load related records of selected item. For this I have use php and mysql with jquery and Ajax. Source Code - http://www.webslesson.info/2016/04/load-records-on-select-box-using-ajax-jquery-mysql-and-php.html
Views: 61194 Webslesson
Part #1 - List of Countries in Select-Box Using jQuery (Ajax/JSON)
 
15:19
Most useful video on how to append all Countries in Select-Box Without Database. Second Part of THIS tutorial : https://youtu.be/UP1R7viLepc Download Code from : http://sagarmore.in/examples.html 1. List of Countries in dropdown using jQuery (JSON,Ajax) without database LIKE,SHARE,SUBSCRIBE,COMMENT
Views: 9958 SagarMore.in
JSON - Dynamic Dependent Dropdown List using Jquery and Ajax
 
14:46
In this video we have create country state city drop down list using jquery ajax with JSON. Here we have make dependent dropdown in jquery ajax using JSON data. It will be Dynamic Dependent select box using Jquery Ajax. We have filled dynamic dependent drop down list by using Ajax Jquery with JSON data. For Source Code and Online Demo - http://www.webslesson.info/2017/05/json-dynamic-dependent-select-box-using-jquery-and-ajax.html
Views: 37420 Webslesson
JQuery tutorial 8 - select by element
 
05:34
In this tutorial I show you how to select elements by the element name. . Follow me on Facebook: www.facebook.com/quentin.watt Follow me on Twitter: www.twitter.com/QuentinWatt Don't forget to subscribe: www.youtube.com/QuentinWatt Donate on PayPal: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DM496T7CTUYAS Donate on PayPal: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DM496T7CTUYAS
php jQuery ajax- select option : إرسال وجلب البيانات
 
25:18
أنشأت صفحة ويب جميلة لأجلك - أحصل عليها الآن في حسابي على فايفر Fiverr https://www.fiverr.com/soufianejquery/send-you-a-wonderful-page-register-and-sign-in Get my Beautiful page html Responsive from My Fiverr :) اتصل بي: [email protected] زورو صفحتنا على فيس بوك https://www.facebook.com/pages/Soufiane-jQuery/216113088513542?ref=hl زورو المدونة الخاصة بنا : http://soufianejquery.blogspot.com/ الجزء الأول : https://www.youtube.com/watch?v=fchpQPnYHX4&list=UU_bbrlnMfzRU_INKHfYXxDg load data from mysql Dynamic Select Box using Jquery and Ajax Web lesson إدخال بيانات بالأجاكس إلى قاعدة البيانات database . بي إتش بي جي كويري php jQuery ajax, insert data to database سيلكت و أوبشن .. معرفة قيمة وإرسالها إلى قواعد البيانات each ... select option get value-- val ajax jQuery جلب بيانات بالأجاكس عن طريق select option html, css,php,ajax, request, Javascript Form Select Change Options معرفة كل مدينة وعنصر و دولة حسب قيمة id أو القيمة select option id , name option select ,get value برمجة , مواقع, إحترافية, دروس , شروحات , شرح, دورة, أجاكس , تصميم, web,integration, تعرف على حلقات رائعة للأخ المبدع أمين راغب كيف تحصل على العلامة الزرقاء من فيسبوك لصفحتك كيف تعرف عدد الساعات الإجمالي الذي إشتغله اي حاسوب حتى وإن تمت فرمتته أحصل على VPN سريع ومجاني مدى الحياة كيف تمنع الهاكر من ان يسرق صورك في حالة إختراقه لحاسوبك الحلقة906:كيف تشغل نفس البرنامج عدة مرات على الويندوز والإشتغال عليها في آن واحد كيف تتوصل بإيميل او SMS على هاتفك ينبهك ان شخص قام بإختراق الويفي في منزلك لماذا يجب عليك دراسة الامن المعلوماتي إذا كنت ترغب في إيجاد فرصة عمل بعد التخرج ربح المال من خلال رفع الملفات وشحن حساب بايونير نصائح لبدأ مشوار التعلم عن طريق الانترنت (التعلم الذاتي) ربح المال من خلال الفيسبوك مع راغب أمين طريقة كسب المال من اليوتيوب ربح المال من خلال رفع الملفات وشحن حساب بايونير ....................................................................... key : تصميم html css متجاوب - resposive , تصميم html css متجاوب - resposive , تصميم html css متجاوب - resposive , تصميم html css متجاوب - resposive , تصميم html css متجاوب - resposive , تصميم html css متجاوب - resposive , تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي, تصميم قالب بلوجر احترافي
jQuery Element Selector
 
11:54
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-element-selector.html In this video we will discuss jQuery Element Selector, i.e selecting elements by tag name. To select the elements by tag name use jQuery Element Selector Syntax : $(element) $('td') // Selects all td elements $('div a') // Select all anchor elements that are descendants of div element $('div, span, a') // Selects all div, span and anchor elements Alerts the total count of td elements on the page [script type="text/javascript"] $(document).ready(function () { alert($('td').length); }); [/script] Selects all the tr elements on the page and changes their background colour to red [script type="text/javascript"] $(document).ready(function () { $('tr').css('background-Color', 'red'); }); [/script] Alerts the HTML content of the table [script type="text/javascript"] $(document).ready(function () { alert($('table').html()); }); [/script] Alerts the HTML content of each table row [script type="text/javascript"] $(document).ready(function () { $('table tr').each(function () { alert($(this).html()); }); }); [/script] Select and changes the background colour of all the div, span and anchor elements [script type="text/javascript"] $(document).ready(function () { $('div, span, a').css('background-Color', 'yellow'); }); [/script] Select all anchor elements that are descendants of div element [html] [head] [title][/title] [script src="jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $('div a').css('background-Color', 'yellow'); }); [/script] [/head] [body] [div] [a href="http://pragimtech.com"]PragimTech[/a] [/div] [br /] [a href="http://microsoft.com"]Microsoft[/a] [/body] [/html] Changes the background color of even rows to gray and odd rows to yellow in both the tables. [script type="text/javascript"] $(document).ready(function () { $('tr:even').css('background-Color', 'gray'); $('tr:odd').css('background-Color', 'yellow'); }); [/script] To change the background color of even rows to gray and odd rows to yellow just for one of the table, use #id selector along with element selector. [script type="text/javascript"] $(document).ready(function () { $('#table1 tr:even').css('background-Color', 'gray'); $('#table1 tr:odd').css('background-Color', 'yellow'); }); [/script]
Views: 139923 kudvenkat
Part #2 - Dependent Country-State-District Select-Box Using jQuery (Ajax/JSON)
 
08:16
Most useful video on how to Create dynamic Country, State & District dependency dropdown list using jQuery (JSON,Ajax) without database First Part of THIS tutorial : https://youtu.be/paAxJROcPCk Download Code from : http://sagarmore.in/examples.html 2.Country, State & District dynamic dependency dropdown using jQuery (JSON,Ajax) without database LIKE,SHARE,SUBSCRIBE,COMMENT
Views: 12114 SagarMore.in
jQuery checked selector
 
10:35
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-checked-selector.html In this video we will discuss the jQuery :checked selector. The :checked selector selects all checked checkboxes or radio buttons. Let us understand this with an example. Selects all checked radio button elements $('input[type="radio"]:checked') Example : When you click the submit button without selecting any radio button, "No radio button checked" message should be displayed. When you click the submit button after a radio button is checked, then a message stating "Male is checked" or "Female is checked" should be displayed. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="radio"]:checked'); if (result.length > 0) { $('#divResult').html(result.val() + " is checked"); } else { $('#divResult').html("No radio button checked"); } }); }); </script> </head> <body style="font-family:Arial"> Gender : <input type="radio" name="gender" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html> Selects all checked checkbox elements $('input[type="checkbox"]:checked') Example : When you click the submit button without checking any checkbox, "No checkbox checked" message should be displayed. When you click the submit button after checking a checkbox, then a message stating the number of checkboxes checked and their values should be displayed. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#btnSubmit').click(function () { var result = $('input[type="checkbox"]:checked'); if (result.length > 0) { var resultString = result.length + " checkboxe(s) checked<br/>"; result.each(function () { resultString += $(this).val() + "<br/>"; }); $('#divResult').html(resultString); } else { $('#divResult').html("No checkbox checked"); } }); }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="JavaScript" />JavaScript <input type="checkbox" name="skills" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <input type="checkbox" name="skills" value="VB" />VB <br /><br /> <input id="btnSubmit" type="submit" value="submit" /> <br /><br /> <div id="divResult"> </div> </body> </html>
Views: 102225 kudvenkat
jquery tooltip widget
 
08:32
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/06/jquery-tooltip-widget.html In this video we will discuss jQuery tooltip widget with examples. To get a tooltip without using jQuery all you do is set the title attribute. At this point when we hover over the element the content that is specified as the value for the title attribute will be displayed as the tooltip. jQuery Tooltip widget replaces native tooltip and allows lot of customization 1. Display other content than just the title, like inline footnotes or extra content retrieved via Ajax. 2. Customize the positioning, e.g., to center the tooltip above elements. 3. Add extra styling to customize the appearance, for warning or error fields. In the following example label element display the native tooltip where as the textbox displays jQuery tooltip HTML <label id="lblName" for="txtName" title="Full Name">Name</label> <input id="txtName" type="text" title="Your full name as it appears in paasport" /> jQuery $('#txtName').tooltip(); In the following example we are calling tooltip() function on the document object, so this will display jQuery tooltip for all the elements that have title attribute $(document).tooltip(); You can also use the content option, to specify the content for tooltip. When both title attribute and content options are specified, the content specified by the content option will override the content specified by the title attribute. HTML <input id="txtName" type="text" title="Your full name as it appears in paasport" /> jQuery $('#txtName').tooltip({ content : '<u>content option</u> tooltip overriding title attribute tooltip' }); content option supports multiple types. string or a function. HTML <input id="txtName" type="text" title="Your full name as it appears in paasport" /> jQuery $(document).ready(function () { $('#txtName').tooltip({ content: toolTipFunction }); function toolTipFunction() { return 'Tooltip from a function'; } }); Set track option to true to make the tooltip follow the mouse HTML <input id="txtName" type="text" title="Your full name as it appears in paasport" /> jQuery $('#txtName').tooltip({ track: true }); show and hide options can be used to animate the showing and hiding of the tooltip. Both of these options support multiple types. For the detailed description please check the following jquery documentation page http://api.jqueryui.com/tooltip In the following example we are using a JavaScript object, to specify the animation duration, effect and delay while the tooltip is being shown and hidden HTML <input id="txtName" type="text" title="Your full name as it appears in paasport" /> jQuery $('#txtName').tooltip({ show : {delay:10, duration:500, effect: 'slideDown'}, hide: { delay: 10, duration: 500, effect: 'slideUp' } });
Views: 20755 kudvenkat
Select Form Element By Its Name With JQuery
 
01:26
Please visit http://technomark.in/Select-Form-Element-By-Its-Name-With-JQuery.aspx for more information. Select Form Element By Its Name With JQuery, How To Select Form Element By Its Name With JQuery, Select Form Element By Its Name, Select td By Its Name, Select div By Its Name, Select textbox, By Its Name, Select lable By Its Name In Jquery, HTML, Jquery, javaScript
Views: 79 Admin Technomark
Javascript Form Select Change Options Tutorial Dynamic List Elements HTML5
 
16:08
Lesson Code: http://www.developphp.com/video/JavaScript/Form-Select-Change-Dynamic-List-Option-Elements-Tutorial In this Javascript video lesson you will learn how to program dynamic select form list elements. To demonstrate the logic we will show how to change options of a select list based on the selection the user makes from the first list. A web application developer will definitely need to know how to do this when they get into form programming that involves data intake of categories and subcatories from a user.
Views: 218755 Adam Khoury
jQuery attribute value selector
 
08:48
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-attribute-value-selector.html In this video we will discuss Attribute Equals Selector [name="value"] Attribute Not Equal Selector [name!="value"] Attribute Contains Selector [name*="value"] Attribute Contains Word Selector [name~="value"] Attribute Contains Prefix Selector [name|="value"] Attribute Starts With Selector [name^="value"] Attribute Ends With Selector [name$="value"] This is continuation to Part 7, please watch Part 7 before proceeding. $('[title="div1Title"]') // Selects all elements that have title attribute value equal to div1Title $('[title!="div1Title"]') // Selects all elements that have title attribute value not equal to div1Title $('[title*="Title"]') // Selects all elements that have title attribute value containing the given substring - Title $('[title~="mySpan"]') // Selects all elements that have title attribute value containing the given word - mySpan, delimited by spaces $('[title|="myTitle"]') // Selects all elements that have title attribute value equal to myTitle or starting with myTitle followed by a hyphen (-) $('[title^="div"]') // Selects all elements that have title attribute value starting with div $('[title$="Heading"]') // Selects all elements that have title attribute value ending with Heading Selects all elements that have title attribute value equal to div1Title and sets 5px solid red border [html] [head] [title][/title] [script src="Scripts/jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $('[title="div1Title"]').css('border', '5px solid red'); }); [/script] [/head] [body] [div title="div1Title"] DIV 1 [/div] [br /] [div title="div2Title"] DIV 2 [/div] [p title="myTitle-paragraph"] This is a paragraph [/p] [p title="myTitleHeading"] This is a paragraph [/p] [span title="div1Title"] SAPN 1 [/span] [br /][br /] [span title="mySpan Heading"] SPAN 2 [/span] [/body] [/html] Selects all div elements that have title attribute value not equal to div1Title and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('div[title!="div1Title"]').css('border', '5px solid red'); }); [/script] THIS IS $('div[title!="div1Title"]').css('border', '5px solid red'); EQUIVALENT TO $('div:not([title="div1Title"])').css('border', '5px solid red'); Selects all elements that have title attribute value containing the given substring - Title, and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('[title*="Title"]').css('border', '5px solid red'); }); [/script] Selects all elements that have title attribute value containing the given word - mySpan, delimited by spaces, and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('[title~="mySpan"]').css('border', '5px solid red'); }); [/script] Selects all elements that have title attribute value equal to myTitle or starting with myTitle followed by a hyphen (-) and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('[title|="myTitle"]').css('border', '5px solid red'); }); [/script] Selects all elements that have title attribute value starting with div and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('[title^="div"]').css('border', '5px solid red'); }); [/script] Selects all elements that have title attribute value ending with Heading and sets 5px solid red border [script type="text/javascript"] $(document).ready(function () { $('[title$="Heading"]').css('border', '5px solid red'); }); [/script]
Views: 89376 kudvenkat
jQuery selectmenu from database
 
24:44
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/jquery-selectmenu-from-database.html In this video we will discuss, how to build a jQuery selectmenu using data from database. SQL Script Create table tblCountries ( Id int primary key identity, Name nvarchar(50) ) Go Insert into tblCountries values ('USA') Insert into tblCountries values ('India') Insert into tblCountries values ('UK') Go Create table tblCities ( Id int primary key identity, Name nvarchar(50), CountryId int foreign key references tblCountries(ID) ) Go Insert into tblCities values ('New York', 1) Insert into tblCities values ('Los Angeles', 1) Insert into tblCities values ('Chicago', 1) Insert into tblCities values ('Bangalore', 2) Insert into tblCities values ('Chennai', 2) Insert into tblCities values ('London', 3) Insert into tblCities values ('Manchester', 3) Insert into tblCities values ('Glasgow', 3) Go Stored procedure to retrieve selectmenu data Create Proc spGetSelectMenuData as Begin Select Id, Name from tblCountries; Select Id, Name, CountryId from tblCities; End City.cs namespace Demo { public class City { public int Id { get; set; } public string Name { get; set; } public int CountryId { get; set; } } } Country.cs using System.Collections.Generic; namespace Demo { public class Country { public int Id { get; set; } public string Name { get; set; } public List<City> Cities { get; set; } } } jQuery $(document).ready(function () { $('#selectMenu').selectmenu({ width: 200, select: function (event, ui) { alert('Label = ' + ui.item.label + ' ' + 'Value = ' + ui.item.value); } }); }); HTML <select id="selectMenu"> <asp:Repeater ID="repeaterCountries" runat="server"> <ItemTemplate> <optgroup label="<%#Eval("Name") %>"> <asp:Repeater ID="repeaterCities" runat="server" DataSource='<%# Eval("Cities")%>'> <ItemTemplate> <option value="<%#Eval("Id") %>"> <%#Eval("Name") %> </option> </ItemTemplate> </asp:Repeater> </optgroup> </ItemTemplate> </asp:Repeater> </select> code-behind using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Data.SqlClient; namespace Demo { public partial class WebForm1 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { repeaterCountries.DataSource = GetSelectMenuData(); repeaterCountries.DataBind(); } public List<Country> GetSelectMenuData() { string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString; SqlConnection con = new SqlConnection(cs); SqlDataAdapter da = new SqlDataAdapter("spGetSelectMenuData", con); da.SelectCommand.CommandType = CommandType.StoredProcedure; DataSet ds = new DataSet(); da.Fill(ds); List<Country> listCountries = new List<Country>(); foreach (DataRow countryRow in ds.Tables[0].Rows) { Country country = new Country(); country.Id = Convert.ToInt32(countryRow["Id"]); country.Name = countryRow["Name"].ToString(); DataRow[] cityRows = ds.Tables[1].Select("CountryId=" + country.Id.ToString()); List<City> listCities = new List<City>(); foreach (DataRow cityRow in cityRows) { City city = new City(); city.Id = Convert.ToInt32(cityRow["Id"]); city.Name = cityRow["Name"].ToString(); city.CountryId = Convert.ToInt32(cityRow["CountryId"]); listCities.Add(city); } country.Cities = listCities; listCountries.Add(country); } return listCountries; } } }
Views: 13825 kudvenkat
Dropdown Select and Search Using jQuery and Bootstrap
 
07:52
How to Dropdown Select and Search Using jQuery and Bootstrap
Views: 50027 Code Tube
Jquery error: Jquery can't hide show option of select tag
 
03:52
Subscribe my channel T5Shop http://goo.gl/MgiY4w including answers: what, why, when, where, how, who in various issues Jquery error: Jquery can't hide show option of select tag Do view my channel at G+ https://plus.google.com/107390278903501367208
Views: 46 T5SOFT
JQuery Tutorial - jquery selectors - select selected element
 
01:49
In this JQuery Tutorial , lets see how to select the selected option in a select element form field. Ask questions at http://www.lswebapps.com/forums Visit website at http://www.lswebapps.com Twitter Url https://twitter.com/LSWebApps Facebook Page https://www.facebook.com/LSWebApps Please like, comment and subscribe if you find the videos useful. LSWAT - LS WEB APPS TUTORIALS
Views: 734 Lamin Sanneh
jQuery disabled selector
 
04:29
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-disabled-selector.html In this video we will discuss 1. jQuery disabled selector 2. jQuery enabled selector 3. Where you can find jquery selectors documentation Selects all disabled elements $(':disabled') Selects all disabled elements and sets a 3px solid red border [html] [head] [title][/title] [script src="jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $(':disabled').css('border', '3px solid red'); }); [/script] [/head] [body style="font-family:Arial"] [table] [tr] [td]First Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Last Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Email [/td] [td][input type="text" /][/td] [/tr] [tr] [td]Gender [/td] [td] [select id="selectGender" disabled="disabled"] [option value="Male"]Male[/option] [option value="Female"]Female[/option] [/select] [/td] [/tr] [tr] [td]Comments[/td] [td][textarea][/textarea][/td] [/tr] [tr] [td colspan="2"] [input type="submit" value="Submit" disabled="disabled"/] [/td] [/tr] [/table] [/body] [/html] Selects all input elements that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input:disabled').css('border', '3px solid red'); }); [/script] Selects all input elements with type=text that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input[type="text"]:disabled').css('border', '3px solid red'); }); [/script] Selects all enabled elements $(':enabled') Selects all enabled textarea elements and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('textarea:enabled').css('border', '3px solid red'); }); [/script] Where can you find jquery selectors documentation https://api.jquery.com/category/selectors
Views: 56689 kudvenkat
Search in select option using JQuery
 
04:26
JQuery CDN and Select2 css and JS link https://code.jquery.com/jquery-3.3.1.min.js https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js Source Code : - http://codingmantra.co.in/detail/1/search-in-select-using-jquery
Select values of checkbox group with jquery
 
12:22
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/select-values-of-checkbox-group-with.html In this video we will discuss, how to select values of checked checkboxes that are in different groups using jQuery. Along the way, we will also discuss how to pass a variable to jquery selector. If you have just one group of checkboxes on your page, to get all the checked checkboxes you can use $('input[type="checkbox"]:checked'). However, if you have more than one checkbox group, then $('input[type="checkbox"]:checked') is going to select all checked checkboxes from both the checkbox groups. If you prefer to get checked checkboxes from a specific checkbox group, depending on which button you have clicked, you can use $('input[name="skills"]:checked') or $('input[name="cities"]:checked'). This will ensure that the checked checkboxes from only the skills or cities checkbox group are selected. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. At the moment to get the checked checkboxes values, we are using a button click event. You can also use the click event of the checkbox to do this. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length > 0) { var resultString = result.length + " checkboxe(s) checked<br/>"; result.each(function () { resultString += $(this).val() + "<br/>"; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="JavaScript" />JavaScript <input type="checkbox" name="skills" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <input type="checkbox" name="skills" value="VB" />VB <br /><br /> Preferred Cities : <input type="checkbox" name="cities" value="New York" />New York <input type="checkbox" name="cities" value="New Delhi" />New Delhi <input type="checkbox" name="cities" value="London" />London <br /><br /> Selected Skills:<br /> <div id="divskills"></div> <br /> Selected Cities:<br /> <div id="divcities"></div> </body> </html>
Views: 99376 kudvenkat
jQuery input vs input
 
06:29
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/03/jquery-input-vs-input.html In this video we will discuss the difference between $(input) and $(:input) selectors $(:input) selects all input, textarea, select and button elements where as $(input) just selects elements with an input tag. The following is the HTML used in the examples. Replace < with LESSTHAN symbol and > with GREATERTHAN Symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> </head> <body style="font-family:Arial"> First Name : <input type="text" value="John" /> <br /><br /> Last Name : <input type="text" value="Major" /> <br /><br /> Gender : <input type="radio" name="gender" checked="checked" value="Male">Male <input type="radio" name="gender" value="Female">Female <br /><br /> Skills : <input type="checkbox" name="skills" checked="checked" value="JavaScript" />JavaScript <input type="checkbox" name="skills" checked="checked" value="jQuery" />jQuery <input type="checkbox" name="skills" value="C#" />C# <br /><br /> Country: <select> <option selected="selected" value="USA">USA</option> <option value="India">India</option> <option value="UK">UK</option> </select> <br /><br /> Summary : <br /> <textarea>I am a Senior Dot Net Developer with 10 years experience</textarea> <br /><br /> <input type="submit" value="submit" /> </body> </html> Now we want to get the text value from all the textboxes. On this page we have 2 textboxes 1. First Name 2. Last Name jQuery code to get textbox value using $(input) <script type="text/javascript"> $(document).ready(function () { $('input[type="text"]').each(function () { alert($(this).val()); }); }); </script> jQuery code to get textbox value using $(:input) <script type="text/javascript"> $(document).ready(function () { $(':input[type="text"]').each(function () { alert($(this).val()); }); }); </script> Which one is better for performance $('input[type="text"]') or $(':input[type="text"]') $('input[type="text"]') is better for performance over $(':input[type="text"]'). This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements. So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
Views: 90462 kudvenkat
jQuery get selected checkbox text
 
09:04
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-get-selected-checkbox-text.html In this video we will discuss how to get the checked checkbox text along with the value. This is continuation to Part 12, please watch Part 12 from jQuery tutorial before proceeding. Here is what we want to do. As we check the checkboxes, we want to display the count of checkboxes checked and their text and values. Replace < with LESSTHAN symbol and > with GREATERTHAN symbol. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length > 0) { var resultString = result.length + " checkbox checked<br/>"; result.each(function () { var selectedValue = $(this).val(); resultString += selectedValue + " - " + $('label[for="option-' + selectedValue + '"]').text() + "<br/>"; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); </script> </head> <body style="font-family:Arial"> Skills : <input type="checkbox" name="skills" value="js" /> <label for="option-js">JavaScript</label> <input type="checkbox" name="skills" value="jq" /> <label for="option-jq">jQuery</label> <input type="checkbox" name="skills" value="cs" /> <label for="option-cs">C#</label> <input type="checkbox" name="skills" value="vb" /> <label for="option-vb">VB</label> <br /><br /> Preferred Cities : <input type="checkbox" name="cities" value="ny" /> <label for="option-ny">New York</label> <input type="checkbox" name="cities" value="nd" /> <label for="option-nd">New Delhi</label> <input type="checkbox" name="cities" value="ln" /> <label for="option-ln">London</label> <br /><br /> Selected Skills:<br /> <div id="divskills"></div> <br /> Selected Cities:<br /> <div id="divcities"></div> </body> </html>
Views: 75575 kudvenkat
JQuery Get the total sum of each input text using class name
 
07:39
JQuery Get the total sum of each input text using class name Using Bootstrap and Javascript JQuery, This video shows on how to get the total sum of each class name with amount formats while typing.
Views: 6407 Software Tutorials
Onchange event, getting a value from a select tag and changing the visibility of other elements
 
09:17
Get the value of a select tag, check it and change the visibility of other elements.
Views: 60377 vasillis-javed khan
jquery autocomplete with id and value
 
17:29
#jquery autocomplete with id and value with ajax & without ajax important links https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css https://code.jquery.com/jquery-1.12.4.js https://code.jquery.com/ui/1.12.1/jquery-ui.js
Views: 9009 Rohan kumar
Dynamically Add / Remove input fields in PHP with Jquery Ajax
 
11:11
Add or Remove input fields dynamically with Ajax JQuery. Add Input Field using Jquery. How to Add / Remove textbox dynamically with Jquery. Javascript add input fields dynamically. Dynamically add input fields and submit to database with Jquery and PHP. Add Field dynamically to form in jquery and php. Dynamically Add form fields PHP. Source Code - http://www.webslesson.info/2016/02/dynamically-add-remove-input-fields-in-php-with-jquery-ajax.html
Views: 147908 Webslesson
Live Table Add Edit Delete using Ajax Jquery in PHP Mysql
 
20:40
In this Video, we learn live table Insert, Update, Delete, Fetch data from mysql database using Ajax Jquary in php without page refresh. For this I use html5 contenteditable attribute for table column editable. For source code - http://www.webslesson.info/2016/02/live-table-add-edit-delete-using-ajax-jquery-in-php-mysql.html
Views: 225770 Webslesson
Php : How To Get Select Option Value From MySQL Database Using Php [ with source code ]
 
03:41
How To To Populate Html Select Drop Down List With Values From MySQL Database Using Php Source Code: http://1bestcsharp.blogspot.com/2015/10/php-populate-html-select-option-values-from-mysql-database-code.html PHP Programming Tutorials ➜ http://bit.ly/2Lh7zPM PHP And MySQL Tutorials ➜ http://bit.ly/2kdXWot PHP Course For Beginners ➜ http://bit.ly/2GxRodb Web Development Course ➜ http://bit.ly/2ITRQrj visit our blog https://1bestcsharp.blogspot.com/ facebook: https://www.facebook.com/1BestCsharp twitter: https://www.twitter.com/1BestCsharp_ subscribe: http://goo.gl/nRjPKk Share This Video: https://www.youtube.com/watch?v=V8sIWh_sdvs In this Php Tutorial we will Learn Two Method On How To Populate Html Select Box With Data From MySQL Database Table In Php . I Use In This Tutorial: - NetBeans IDE . - XAMPP . - PhpMyAdmin . Others Tutorials: How To Populate Html Table From MySQL Database Using Php https://www.youtube.com/watch?v=6goqMwURH9Q How To Use Mysqli Num Rows In Php https://www.youtube.com/watch?v=12L6Sckk8cc How To Use Pdo Row Count In Php https://www.youtube.com/watch?v=F3tqnbDTP3k Insert Update Delete Search Data In MySQL Database Using Php Part1 https://www.youtube.com/watch?v=f85jvD_Y8Ck Search And Filter Data In Html Table Using Php And MySQL Database https://www.youtube.com/watch?v=2XuxFi85GTw Web Development - The Complete Web Developer Course 2.0 - Build 25 Websites and Real Mobile Apps https://www.youtube.com/watch?v=F2FXUF2jnkI
Views: 171880 1BestCsharp blog
jQuery - Selecting HTML Elements Using ID or Class Name
 
04:43
Learn how to easily select HTML elements using jQuery. You will also see the difference between traditional JavaScript and jQuery code. (jQuery version 1.9.1 was used in this video) Procure Eminence Official Website: http://www.ProcureEminence.com/
Views: 1127 Procure Eminence
jQuery add event handler to dynamically created element
 
09:15
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/04/jquery-add-event-handler-to-dynamically.html In this video we will discuss, how to add event handlers to dynamically created elements. Let us understand this with an example. The following example, allows us to dynamically create new list item (li), attach a click event handler and add it to the unordered list (ul). This happens when you click "Add a New List Item" button. The problem with this approach is that we are binding a click event handler to every list item. This means if you have 500 list items, then there will be 500 event handlers in the memory and this may negatively affect the performance of your application. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('li').on('click', function () { $(this).fadeOut(500); }); $('#btnAdd').on('click', function () { var newListItem = $('<li>New List Item</li>').on('click', function () { $(this).fadeOut(500); }); $('ul').append(newListItem); }); }); </script> </head> <body style="font-family:Arial"> <input id="btnAdd" type="button" value="Add a New List Item" /> <ul> <li>List Item</li> <li>List Item</li> </ul> </body> </html> A better way of doing the same from a performance standpoint is shown below. In this example, the click event handler is attached to the listitem (li) parent element (ul). Even if you have 500 list items, there is only one click event handler in memory. So how does this work 1. When you click on a list item (li), the event gets bubbled up to its parent (ul) as the list item (li) does not have an event handler 2. The bubbled event is handled by the the parent (ul) element, as it has a click event handler. 3. When a new list item is added dynamicaly, you don't have to add the click event handler to it. Since the newly created list item (li) is added to the same parent element (ul), the click event of this list item also gets bubbled upto the same parent and will be handled by it. <html> <head> <title></title> <script src="jquery-1.11.2.js"></script> <script type="text/javascript"> $(document).ready(function () { $('ul').on('click', 'li', function () { $(this).fadeOut(500); }); $('#btnAdd').on('click', function () { $('ul').append('<li>New List Item</li>'); }); }); </script> </head> <body style="font-family:Arial"> <input id="btnAdd" type="button" value="Add a New List Item" /> <ul> <li>List Item</li> <li>List Item</li> </ul> </body> </html>
Views: 65586 kudvenkat
country state city ajax,mysqli,php dropdown example
 
19:37
Need Help Or Need code? Feel Free To Contact Us Here http://www.noblecomputer.co.in/support.php here i am going to show you dynamic dropdownlist using ajax,php and mysqli this is 100% dynamic when you selevt country from dropdown on that time you will get all state of selected country and when you select state from dropdown on that time you will get all cities regarding that state and also country state city ajax mysqli php dropdown example, country state city ajax dropdown example, php code for country state city from database, ajax country state city dropdown using php & mysqli, country state city dropdown using ajax, country state city database in mysql php, aja country state city dropdown demo,php ajax, php ajax example, php ajax mysql tutorial, ajax tutorial, what is ajax,ajax dropdown, ajax dropdown list php, ajax drop down list.
Views: 59469 Amit Andipara
jQuery get selected checkbox text
 
11:04
jQuery get selected checkbox text In this video we will discuss how to get the checked checkbox text along with the value. Here is what we want to do. As we check the checkboxes, we want to display the count of checkboxes checked and their text and values. Note: Angle tags removed because it's not accepting while upload this content. html head title /title script src="jquery-1.11.2.js" /script script type="text/javascript" $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length 0) { var resultString = result.length + " checkbox checked br/ "; result.each(function () { var selectedValue = $(this).val(); resultString += selectedValue + " - " + $('label[for="option-' + selectedValue + '"]').text() + " br/ "; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); /script /head body style="font-family:Arial" Skills : input type="checkbox" name="skills" value="js" / label for="option-js" JavaScript /label input type="checkbox" name="skills" value="jq" / label for="option-jq" jQuery /label input type="checkbox" name="skills" value="cs" / label for="option-cs" C# /label input type="checkbox" name="skills" value="vb" / label for="option-vb" VB /label br / br / Preferred Cities : input type="checkbox" name="cities" value="ny" / label for="option-ny" New York /label input type="checkbox" name="cities" value="nd" / label for="option-nd" New Delhi /label input type="checkbox" name="cities" value="ln" / label for="option-ln" London /label br / br / Selected Skills: br / div id="divskills" /div br / Selected Cities: br / div id="divcities" /div /body /html
Views: 284 JQuery
jQuery input vs :input
 
13:09
In this video we will discuss the difference between $(input) and $(:input) selectors  $(':input') selects all input, textarea, select and button elements where as $('input') just selects elements with an input tag.  Consider the web page below    Note: Angle tags removed because it's not accepting while upload this content. The following is the HTML of the above page html head      title /title      script src="jquery-1.11.2.js" /script /head body style="font-family:Arial"     First Name :  input type="text" value="John" /      br / br /     Last Name :  input type="text" value="Major" /      br / br /     Gender :      input type="radio" name="gender" checked="checked" value="Male" Male      input type="radio" name="gender" value="Female" Female      br / br /     Skills :      input type="checkbox" name="skills" checked="checked"            value="JavaScript" / JavaScript      input type="checkbox" name="skills" checked="checked"            value="jQuery" / jQuery      input type="checkbox" name="skills" value="C#" / C#      br / br /     Country:      select          option selected="selected" value="USA" USA /option          option value="India" India /option          option value="UK" UK /option      /select      br / br /     Summary :      br /      textarea         I am a Senior Dot Net Developer with 10 years experience      /textarea      br / br /      input type="submit" value="submit" / /body /html Now we want to get the text value from all the textboxes. On this page we have 2 textboxes 1. First Name 2. Last Name  jQuery code to get textbox value using $(input) script type="text/javascript"     $(document).ready(function () {         $('input[type="text"]').each(function () {             alert($(this).val());         });     }); /script jQuery code to get textbox value using $(:input) script type="text/javascript"     $(document).ready(function () {         $(':input[type="text"]').each(function () {             alert($(this).val());         });     }); /script Which one is better for performance $('input[type="text"]') or $(':input[type="text"]') $('input[type="text"]') is better for performance over $(':input[type="text"]').   This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements.  So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
Views: 42 JQuery
How can I select an element by name and hide with jQuery
 
02:18
How can I select an element by name and hide with jQuery umbraco playlist : https://www.youtube.com/watch?v=zoefdruzmGE&list=PLv0T7WlllnSnYRedhwL8x-atkVxrSdd3m Angularjs playlist : https://www.youtube.com/watch?v=KXjD1RiAz1U&list=PLv0T7WlllnSkCfNftTNY8tWqCFWT0sIMd jquery playlist : https://www.youtube.com/watch?v=jVncasz_iyw&list=PLv0T7WlllnSkkNahiiWu_GMXq49X5ccfe
Views: 48 Go Freelancer
Append/Add and Remove HTML Elements: jQuery
 
05:59
http://technotip.com/2021/append-add-and-remove-html-xml-elements-jquery/ Video tutorial to illustrate adding or appending an html element or removing an html element from the web page using jQuery: DOM (Document Object Model) jQuery uses: .append(); and .remove(); functions to accomplish this task. We could use these methods to append string or any other html or XML element and also remove string and other html or XML elements from the document. jQuery Video Tutorial List: http://technotip.com/2514/jquery-tutorial-list/
Views: 37186 Satish B
Fetch Cities of Selected Country using jQuery AJAX, PHP5 & MySQL Urdu/Hindi
 
33:05
Learn how to fetch the data from database using jQuery AJAX & MySQL. Language: Urdu/Hindi
Views: 11425 AssadUllahCh
Datatables Individual column searching using PHP Ajax Jquery
 
21:19
How to make jquery Datatables individual column search or filter by using PHP script with Ajax. Video tutorial on Datatables individual column filtering at server side using PHP. For Source and online Demo - http://www.webslesson.info/2017/07/datatables-individual-column-searching-using-php-ajax-jquery.html
Views: 33677 Webslesson
Select values of checkbox group with jquery
 
14:59
Select values of checkbox group with jquery In this video we will discuss, how to select values of checked checkboxes that are in different groups using jQuery. Along the way, we will also discuss how to pass a variable to jquery selector. If you have just one group of checkboxes on your page, to get all the checked checkboxes you can use $('input[type="checkbox"]:checked'). However, if you have more than one checkbox group, then $('input[type="checkbox"] :checked') is going to select all checked checkboxes from both the checkbox groups. If you prefer to get checked checkboxes from a specific checkbox group, depending on which button you have clicked, you can use $('input[name="skills"]:checked') or $('input[name="cities"]:checked'). This will ensure that the checked checkboxes from only the skills or cities checkbox group are selected. html head title /title script src="jquery-1.11.2.js" /script script type="text/javascript" $(document).ready(function () { $('#btnGetSelectedSkills').click(function () { getSelectedCheckBoxes('skills'); }); $('#btnGetSelectedCities').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length 0) { var resultString = result.length + " checkboxe(s) checked br/ "; result.each(function () { resultString += $(this).val() + " br/ "; }); $('#divResult').html(resultString); } else { $('#divResult').html("No checkbox checked"); } }; }); /script /head body style="font-family:Arial" Skills : input type="checkbox" name="skills" value="JavaScript" / JavaScript input type="checkbox" name="skills" value="jQuery" / jQuery input type="checkbox" name="skills" value="C#" / C# input type="checkbox" name="skills" value="VB" / VB br / br / Preferred Cities : input type="checkbox" name="cities" value="New York" / New York input type="checkbox" name="cities" value="New Delhi" / New Delhi input type="checkbox" name="cities" value="London" / London br / br / input id="btnGetSelectedSkills" type="submit" value="Get Selected Skills" / input id="btnGetSelectedCities" type="submit" value="Get Selected Cities" / br / br / div id="divResult" /div /body /html At the moment to get the checked checkboxes values, we are using a button click event. You can also use the click event of the checkbox to do this. html head title /title script src="jquery-1.11.2.js" /script script type="text/javascript" $(document).ready(function () { $('input[name="skills"]').click(function () { getSelectedCheckBoxes('skills'); }); $('input[name="cities"]').click(function () { getSelectedCheckBoxes('cities'); }); var getSelectedCheckBoxes = function (groupName) { var result = $('input[name="' + groupName + '"]:checked'); if (result.length 0) { var resultString = result.length + " checkboxe(s) checked br/ "; result.each(function () { resultString += $(this).val() + " br/ "; }); $('#div' + groupName).html(resultString); } else { $('#div' + groupName).html("No checkbox checked"); } }; }); /script /head body style="font-family:Arial" Skills : input type="checkbox" name="skills" value="JavaScript" / JavaScript input type="checkbox" name="skills" value="jQuery" / jQuery input type="checkbox" name="skills" value="C#" / C# input type="checkbox" name="skills" value="VB" / VB br / br / Preferred Cities : input type="checkbox" name="cities" value="New York" / New York input type="checkbox" name="cities" value="New Delhi" / New Delhi input type="checkbox" name="cities" value="London" / London br / br / Selected Skills: br / div id="divskills" /div br / Selected Cities: br / div id="divcities" /div /body /html
Views: 120 JQuery
How To Display Selected HTML Table Row Values Into Input Text Using JavaScript [ with Source code ]
 
12:52
Show HTML Table Row Data In TextBoxes Using Javascript Source Code: http://1bestcsharp.blogspot.com/2017/03/javascript-display-selected-html-table-row-into-input-text.html Javascript Tutorials For Beginners ➜ http://bit.ly/2k7NMWq Javascript Course ➜ http://bit.ly/2IvBCFC visit our blog https://1bestcsharp.blogspot.com/ subscribe: http://goo.gl/nRjPKk In This Javascript Tutorial we will see How To Get HTML Table Selected Row And Display Cells Value Into Input Text When A Row Is Clicked Using JS In Netbeans Editor . Javascript Tutorials : How to get value of selected radio button https://www.youtube.com/watch?v=uzwUBDQfpkU How to append Value to an array https://www.youtube.com/watch?v=KVdY8n6lCy4 javascript images slider 1 https://www.youtube.com/watch?v=QkcemPr4xaU Convert String To Number https://www.youtube.com/watch?v=JMfZG7o_QtE JavaScript Show And Hide Input Password Text https://www.youtube.com/watch?v=Cmo9sjx5eFE change div class name in js https://www.youtube.com/watch?v=X_SDJxKI6HE using checkbox with js https://www.youtube.com/watch?v=yFYEHSh2iTQ get And Set Value To An Input https://www.youtube.com/watch?v=AfRHl3soLDg calculate two numbers https://www.youtube.com/watch?v=oDUjP4N_MtQ Search Element In Array https://www.youtube.com/watch?v=LIsjSMr9bJU Add Search Remove Array Element https://www.youtube.com/watch?v=ppLbuVWf6zM Add HTML Table Row https://www.youtube.com/watch?v=FVSfp8yT8lA Get Mouse Position https://www.youtube.com/watch?v=LVi5DN2vtdo Show Text Letter By Letter https://www.youtube.com/watch?v=dbdYazO4IZ4
Views: 55926 1BestCsharp blog
Table Dropdown Filter with jQuery
 
04:45
Support Donate for me: https://www.patreon.com/codetube Follow me: https://www.facebook.com/mycodetube/ https://plus.google.com/+kautubecodeghazali My Social Media: https://www.facebook.com/tghazalipidie https://www.twitter.com/tghazalipidie Thank you very much for watching my new video on this channel Code Tube. You can contribute to this channel by giving support, make the subtitle, or comments that are supportive.
Views: 21685 Code Tube
How to Use Class Selector in jQuery - jQuery Tutorial
 
05:20
he .class selector selects all elements with the specific class. The class refers to the class attribute of an HTML element. The class attribute is used to set a particular style for several HTML elements. Note: Do not start a class attribute with a number. It may cause problems in some browsers jQuery selectors allow you to select and manipulate HTML element(s). jQuery selectors are used to "find" (or select) HTML elements based on their name, id, classes, types, attributes, values of attributes and much more. It's based on the existing CSS Selectors, and in addition, it has some own custom selectors jquery class Selector jquery multiple class selector, jquery find by class name, jquery class selector each, get element by class javascript, jquery class object, jquery id selector, jquery get class of element with multiple classes, jquery get all elements with class, jquery multiple attribute selectors, jquery select multiple elements with same class, jquery find multiple elements, jquery multiple id selectors, css multiple classes selector, jquery select two class names, jquery multiple select dropdown, jquery select multiple options, jquery multiple class selector, jquery find each, jquery get child element by class, jquery find by id, jquery first child
Views: 81 Soft-All
Angular select options from array
 
07:54
Text version of the video http://csharp-video-tutorials.blogspot.com/2018/01/angular-select-options-from-array.html Slides http://csharp-video-tutorials.blogspot.com/2018/01/angular-select-options-from-array-slides.html Angular CRUD Tutorial https://www.youtube.com/watch?v=rJ9o4TyhSuo&list=PL6n9fhu94yhWUcq5Pc16uf8YKXoZ87Vh_ Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspot.com/2017/12/angular-crud-tutorial.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video, we will discuss, how to get the select list options from an array in the component class, instead of having them hard-coded in the HTML. Step 1 : Create the Department class. Add a TypeScript file to the models folder. Name it department.model.ts. Copy and paste the following code. Notice the Department class has 2 properties - id and name of the department. export class Department { id: number; name: string; } Step 2 : Import the Department class. Include the following import statement in create-employee.component.ts file import { Department } from '../models/department.model'; Step 3 : Include the following array of departments in CreateEmployeeComponent class in create-employee.component.ts file departments: Department[] = [ { id: 1, name: 'Help Desk' }, { id: 2, name: 'HR' }, { id: 3, name: 'IT' }, { id: 4, name: 'Payroll' } ]; Please note : The "Department" type is not required for the application to work, but it adds great value during development. Using it provides us intellisense, error checking and type saftey. For the HTML used in the video, please refer to my blog link below http://csharp-video-tutorials.blogspot.com/2018/01/angular-select-options-from-array.html Code explanation: 1. On the "option" element we are using ngFor structural directive to loop over the array of departments we have in the "departments" property of the component class 2. For each "Department" object in the "departments" array, we get an option. 3. The option value is the department id and the display text is the department name 4. Notice the square brackets around the [value] property. This is property binding in Angular. We discussed property binding in detail in Part 9 of Angular 2 tutorial. If you remove the square brackets the value for each option will be the literal text "dept.id" instead of the department id (1 or 2 or 3 etc.) Property binding in Angular https://www.youtube.com/watch?v=RGYfTx9AAQA&list=PL6n9fhu94yhWqGD8BuKuX-VTKqlNBj-m6&index=9 5. To display the deprtment name we are using interpolation. We discussed interpolation in Part 8 of Angular 2 tutorial. Interpolation in Angular https://www.youtube.com/watch?v=2FkkAqFWRk8&list=PL6n9fhu94yhWqGD8BuKuX-VTKqlNBj-m6&index=8 6. Since ngFor is a structural directive there is an asterisk before it. 7. Structural directives modify the DOM, i.e they add or remove the elements from DOM. Adding and removing elements from DOM is different from showing and hiding. We will discuss all these in detail in our upcoming videos. At this point, when we select a department, the respective department id is included in the Angular generated form model. Along the same lines, when we click the "Save" button the respective department id is logged to the console. Please note : It is important that we include the ngFor directive on the element that we want to be repeated. In our case we want an option element for each department we have in the array. So we included the ngFor directive on the option element. If we instead include the ngFor directive on the "div" element that has the bootstrap "form-group" class, we get 4 department dropdownlists. That is one for each department in the array. So it is important we include the ngFor directive on the right element.
Views: 43472 kudvenkat
International Telephone Input with Country Flags and Dial Codes using jQuery
 
08:10
Read Tutorial and Download source code from CodexWorld.com - http://www.codexworld.com/international-telephone-input-with-country-flags-dial-codes-jquery/ International Telephone Input jQuery plugin - Implement international telephone input field with national flags and dial codes dropdown list using jQuery. Simple jQuery plugin to add country names, national flags and international dial codes on the telephone input field. Subscribe for more tutorials: https://www.youtube.com/codexworld Stay Connected With Us: Website: http://www.codexworld.com Google+: https://plus.google.com/+codexworld Facebook: https://www.facebook.com/codexworld Twitter: https://twitter.com/codexworldblog
Views: 2732 CodexWorld
jQuery Form Styler или другой взгляд на формы в HTML!
 
09:28
Канал PC4USER, советую подписаться ;) - http://www.youtube.com/channel/UCeUqcWJhYtCibBIkg4-IjkQ?sub_confirmation=1 Сегодня я Вам покажу очень интересный плагин из списка Must Be для веб разработчика. Он позволяет взглянуть на уже устаревшие формы в HTML по новому! Человеческие цены на игры Steam и рандомы только тут - http://bit.ly/SteamAlmostFreeGames Хочешь зарабатывать на своих видео в YouTube? Подключайся! - https://youpartnerwsp.com/join?23195 #Ссылки из видео: 1) http://dimox.name/jquery-form-styler/ 2) http://dimox.github.io/jQueryFormStyler/demo/ 3) https://github.com/Dimox/jQueryFormStyler Жми красную кнопку "Подписаться" под видео :) Есть вопрос? - Задай его лично мне в наших группах! === Наша группа ВКОНТАКТЕ - www.vk.com/howdyho_net Наш Twitter - www.twitter.com/howdyho_net #Реквизиты для донатства | Поддержи канал! Z252920168434 R250434217196 Музыкальный трек предоставлен YouTube Audio Library.
jquery ui video tutorial 17 - Creating Checkboxradio Widget
 
12:44
jquery ui - Creating Checkboxradio Widget: Checkboxradio Widget: enhances the checkbox and radio input elements to theme able buttons Creating Checkboxradio Widget: 1. Create a new HTML document with basic HTML document structure code <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Checkboxradio Demo</title> </head> <body> </body> </html> 2. Link the necessary jQueryUI libray files to the HTML document <link href="jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css"/> <script src="jquery-ui/external/jquery/jquery.js" type="text/javascript"></script> <script src="jquery-ui/jquery-ui.min.js" type="text/javascript"></script> 3. Code the structure of the widget (i.e. HTML or markup): To create a Checkboxradio widget; we need to create checkbox or radio input elements based on the requirement, with associated label element Code for radio inputs: <fieldset> <legend>Select Gender</legend> <label for="rdbMale">Male</label> <input type="radio" name="rdbGender" id="rdbMale" value="m" checked/> <label for="rdbFemale">Female</label> <input type="radio" name="rdbGender" id="rdbFemale" value="f"/> </fieldset> Code for checkbox inputs: <fieldset> <legend>Select Hobbies</legend> <label for="chkMusic">Music</label> <input type="checkbox" name="chkHobbies" id="chkMusic" value="m"/> <label for="chkDrawing">Drawing</label> <input type="checkbox" name="chkHobbies" id="chkDrawing" value="d"/> <label for="chkGaming">Gaming</label> <input type="checkbox" name="chkHobbies" id="chkGaming" value="g"/> </fieldset> 4. Select the element using jQuery and call the respective jQuery UI function on it Select the element using jQuery selector, call checkboxradio jQuery UI function on it <script type="text/javascript"> $("input[type=radio]").checkboxradio(); $("input[type=checkbox]").checkboxradio(); </script> ======================================================== Follow the link for next video: https://youtu.be/iAQrPfPhbV8 Follow the link for previous video: https://youtu.be/pPIpt_f5f3Q ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtutorials Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========================================================
How to bind Dropdownlist with Image in ASP NET Using JQuery
 
14:13
In this video : 1.First to create a database table with two column. 2. First item of dropdownlist is country name and second column of dropdown is country flag. 3. Before the dropdown item put the image before the item of dropdown. 4.Do this task using Jquery.
Views: 4252 ASPNET WEBFORM
Laravel 5.3 Multi Dynamic Drop down change  from database with Ajax
 
26:47
Laravel 5.3 Multi Dynamic Drop down change from database with Ajax -changing Product Name based on Product Category from database. -changing Product Price based on Product Name from database. Project Download link- https://gitlab.com/Bons/laravel5.3_dynamic_dropdown/blob/master/readme.md
Views: 24961 bons
ASP.NET MVC DropdownList Use Bind with Database table  and Normal Select list
 
11:40
In this ASP.NET Tutorial, I will teach you, How to add string of item in Dropdownlist in MVC. Also, How to add item from database table in ASP.NET MVC.
Views: 68680 ASP.NET MVC
Debugging JavaScript in chrome
 
08:46
chrome js debugger js debugging chrome debugging js using chrome debugging javascript with google chrome To debug JavaScript in Google chrome use developer tools. To launch Developer Tools in Google chrome 1. Click on Customise and Control Google chrome button on the top right corner of the browser window 2. From the More tools option, select Developer tools Alternatively you can also use the keyboard shortcut F12. You can find JavaScript errors if any in the developer tools. Use the Console tab in the developer tools to find the source file of the JavaScript that caused the error. This will also tell you the line number of the error. Click on the JavaScript file name in the Console tab. This will open the JavaScript file in the Sources tab and underlines the line that caused the error with a red squiggly. Setting breakpoints in Google Chrome : To set a breakpoint, simply click on the grey margin where you see line numbers in the Sources tab. A blue tag appears indicating that a breakpoint is set. At this point if you reload the page, the breakpoint should be hit and you should be able to step thru the code using the following keyboard shortcuts. Step over - F10 Step into - F11 Step out - Shift + F11 Continue - F8 You can also use the respective buttons in the Developer tools to step thru the code instead of using the keyboard shortcuts. To remove a breakpoint simply click on the grey margin again. Setting a conditional breakpoint : To set a conditional breakpoint, right click on the grey margin and select "Add conditional breakpoint. You can then specify the condition that should be true for the breakpoint to be hit. Call stack panel : The Call Stack panel displays the complete execution path. Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/10/debugging-javascript-in-chrome.html
Views: 149748 kudvenkat