Search Box

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

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

Απάντηση
txc
Δημοσιεύσεις: 626
Εγγραφή: 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”

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

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