Η σελίδα μας αναβαθμίστηκε, γι' αυτό τον λόγο τα μέλη μας θα πρέπει να ζητήσουν νέο κωδικό πρόσβασης από την υπηρεσία "Αποστολή κωδικού πρόσβασης".
Εάν το email με τον νέο κωδικό δεν έρθει στο inbox κοιτάξτε και στο spam folder. Ο server είναι φρέσκος και δεν έχει το reputation που του αξίζει.

Search Box

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
txc
Δημοσιεύσεις: 624
Εγγραφή: 02 Δεκ 2003 23:08

Search Box

Δημοσίευση από txc » 19 Απρ 2016 18:44

Καλησπέρα παιδιά, έχω το παρακάτω κώδικα ο οποίος έχει ένα text box το οποίο όταν πληκτρολογείς μια λέξη σου φέρνει από κάτω αποτελέσματα από τη βάση και όταν επιλέγεις σου γεμίζει το text box με αυτό που διάλεξες και έτσι μπορείς να κάνεις αναζήτηση με την επιλεγμένη τιμή.
το πρόβλημα είναι ότι τα αποτελέσματα που επιστρέφει αν κάνεις κλικ πάνω στο όνομα τότε δεν επιλέγει τη λέξη ενώ αν κάνεις κλικ δεξιά του ονόματος που σου επιστρέφει τότε το επιλέγει ,καμιά ιδέα?

Κώδικας: Επιλογή όλων

<script type="text/javascript">
$&#40;function&#40;&#41;&#123;
$&#40;".search_keyword"&#41;.keyup&#40;function&#40;&#41; 
&#123; 
    var search_keyword_value = $&#40;this&#41;.val&#40;&#41;;
    var dataString = 'search_keyword='+ search_keyword_value;
    if&#40;search_keyword_value!=''&#41;
    &#123;
        $.ajax&#40;&#123;
            type&#58; "POST",			
            url&#58; "search.php",	
			contentType&#58; "application/x-www-form-urlencoded;charset=ISO-8859-7",		
            data&#58; dataString,
            cache&#58; false,
            success&#58; function&#40;html&#41;
                &#123;
                    $&#40;"#result"&#41;.html&#40;html&#41;.show&#40;&#41;;
                &#125;
        &#125;&#41;;
    &#125;
    return false;    
&#125;&#41;;

$&#40;"#result"&#41;.live&#40;"click",function&#40;e&#41;&#123;
    var $clicked = $&#40;e.target&#41;;
    var $name = $clicked.find&#40;'.country_name'&#41;.html&#40;&#41;;	
    var decoded = $&#40;"<div/>"&#41;.html&#40;$name&#41;.text&#40;&#41;;
    $&#40;'#search_keyword_id'&#41;.val&#40;decoded&#41;;
&#125;&#41;;

$&#40;document&#41;.live&#40;"click", function&#40;e&#41; &#123; 
    var $clicked = $&#40;e.target&#41;;
    if &#40;! $clicked.hasClass&#40;"search_keyword"&#41;&#41;&#123;
        $&#40;"#result"&#41;.fadeOut&#40;&#41;; 
    &#125;
&#125;&#41;;

$&#40;'#search_keyword_id'&#41;.click&#40;function&#40;&#41;&#123;
    $&#40;"#result"&#41;.fadeIn&#40;&#41;;
&#125;&#41;;


&#125;&#41;;
</script>

<input type="text" class="search_keyword" id="search_keyword_id" name="search_keyword_id" autocomplete="off"  />

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες