jQuery: বাটনগুলি বাদ দিয়ে প্রথম দৃশ্যমান ইনপুট / সিলেক্ট / টেক্সারিয়াকে কীভাবে সন্ধান করবেন?

Question 1

আমি চেষ্টা করেছিলাম

$(":input:not(input[type=button],input[type=submit],button):visible:first")

কিন্তু এটি কিছুই খুঁজে পায় না।

আমার ভুল কি?

ইউপিডি: আমি এটি $ (ডকুমেন্ট)। লোড () এ কার্যকর করি

<script type="text/javascript">
$(window).load(function () {
  var aspForm  = $("form#aspnetForm");
  var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm);
  firstInput.focus();
});
</script>

এবং ডিবাগটিতে আমি দেখতে পাই যে ফার্স্টইনপুটটি খালি রয়েছে।

ইউপিডি 2: আমি শেয়ারপয়েন্টের অধীনে চলমান এএসপি.নেট পৃষ্ঠায় আছি।

আমি এখনও অবধি খুঁজে পেয়েছি যে কিছু উপাদানগুলির জন্য এটি তাদের সন্ধান করে (নির্দিষ্ট ব্যক্তিদের জন্য) এবং কারও জন্য এটি খুঁজে পায় না। :(

Question 2

আপনি যেগুলি চান ( ডেমো ) কেবল তাদের লক্ষ্যবস্তু করবেন না কেন ?

$('form').find('input[type=text],textarea,select').filter(':visible:first');

সম্পাদনা করুন

অথবা jQuery ব্যবহার করুন: ফর্ম বংশধরদের ফিল্টার করতে ইনপুট নির্বাচনকারী।

$('form').find('*').filter(':input:visible:first');

Question 3

JQuery কোড ঠিক আছে। আপনাকে অবশ্যই উইন্ডো লোড ইভেন্টে না হয়ে প্রস্তুত হ্যান্ডলারে চালিত করতে হবে।

<script type="text/javascript">
$(function(){
  var aspForm  = $("form#aspnetForm");
  var firstInput = $(":input:not(input[type=button],input[type=submit],button):visible:first", aspForm);
  firstInput.focus();
});
</script>

হালনাগাদ

আমি করিম 79৯-এর উদাহরণ দিয়ে চেষ্টা করেছি (উদাহরণের জন্য ধন্যবাদ) এবং এটি ভাল কাজ করেছে: http://jsfiddle.net/2sMfU/

Question 4

এটি আমার উপরের সংক্ষিপ্তসার এবং আমার জন্য নিখুঁতভাবে কাজ করে। তথ্যের জন্য ধন্যবাদ!

<script language='javascript' type='text/javascript'>
    $(document).ready(function () {
        var firstInput = $('form').find('input[type=text],input[type=password],input[type=radio],input[type=checkbox],textarea,select').filter(':visible:first');
        if (firstInput != null) {
            firstInput.focus();
        }
    });
</script>

Question 5

@ মট্টির উত্তরের তুলনায় এটি একটি উন্নতি কারণ jQuery 1.5 1.5.2 হিসাবে কোনও উপাদান নির্দিষ্ট করে না এমন উপাদান :textনির্বাচন inputকরে type(যার ক্ষেত্রে type="text"বোঝানো হয়েছে):

$('form').find(':text,textarea,select').filter(':visible:first')

Question 6

এখানে আমার সমাধান। কোডটি অনুসরণ করার পক্ষে যথেষ্ট সহজ হওয়া উচিত তবে এখানে ধারণাটি রয়েছে:

সমস্ত ইনপুট, নির্বাচন এবং টেক্সারিয়াস পান
সমস্ত বোতাম এবং লুকানো ক্ষেত্রগুলি ফিল্টার করুন
শুধুমাত্র সক্ষম, দৃশ্যমান ক্ষেত্রগুলিতে ফিল্টার করুন
প্রথমটি নির্বাচন করুন
নির্বাচিত ক্ষেত্রটি ফোকাস করুন

কোড:

function focusFirst(parent) {
    $(parent).find('input, textarea, select')
        .not('input[type=hidden],input[type=button],input[type=submit],input[type=reset],input[type=image],button')
        .filter(':enabled:visible:first')
        .focus();
}

তারপরে আপনার পিতামাতার উপাদান বা নির্বাচকের সাথে কেবল ফোকাসফর্স্টকে কল করুন।

নির্বাচক:

focusFirst('form#aspnetForm');

উপাদান:

var el = $('form#aspnetForm');
focusFirst(el);

Question 7

আপনি কোড নীচে চেষ্টা করতে পারেন ...

$(document).ready(function(){
    $('form').find('input[type=text],textarea,select').filter(':visible:first').focus();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<form>
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />
    
<input type="submit" />
</form>

স্নিপেট প্রসারিত করুন