jquery Comment obtenir la chaîne de caractères à partir de la zone de recherche

Je suis étudiant jquery à la recherche de la boîte.

Je suis mal à l'obtention de la chaîne var à partir de code html.

dans mon fichier html.

j'ai..

<header>
  <div id="searchBox">
    <form name="searchForm">
      <div>
        <i class="icon-search icon-large icon-height"></i>
        <input name="searchfield" type="search" size="20" maxlength="30">
      </div>
    </form>
  </div>
</header>

et

dans mon fichier jquery j'ai

$(".icon-search").click(function() {
  var searchstring  = $(this).text('#searchfield');//$('#searchfield');
  searchstring.focus();
  //$('#searchBox').html($('input:searchfield').val());
  alert("searchfield.  " + searchstring +  " hahah");
});

quand j'ai cliqué pour la recherche des chaînes.

Il montre que l'Objet de l'objet à la place de certaines chaînes.

Je ne suis pas vraiment sûr de savoir comment convertir un objet à cordes.

Quelqu'un sait comment faire pour le convertir ?

OriginalL'auteur Dc Redwing | 2012-07-30

  1. 10

    Cette ligne de code ne veut rien dire:

    var searchstring  = $(this).text('#searchfield');//$('#searchfield');

    Il devrait en effet être:

    var searchstring = $('#searchfield');

    Alors vous serez en mesure de le faire:

    searchstring.focus();

    Et de récupérer le texte avec .val():

    alert("searchfield.  " + searchstring.val() +  " hahah");

    .text() obtient ou définit le texte contenu d'un élément HTML. Il obtient a de valeur que si elle est appelée sans paramètres, et il jeux de une valeur si une valeur est passée. Donc $(this).text('#searchfield') permettrait de définir le texte interne de $(this) (votre .icon-search) à la chaîne "#searchfield".

    Maintenant, un élément de formulaire n'est pas un texte interne, il dispose d'un valeur, donc .val(), qui fonctionne de la même manière que .text()

    alert(myTextbox.val()); //get value
myTextbox.val('test');  //set value

    Edit:

    Aussi, $('#searchfield') à la recherche d'un élément de l'ID "searchfield". Vous devez ajouter id="searchfield" à votre textfield, ou de mettre à jour votre script à

    var searchstring = $('input[name=searchfield]');
    j'ai essayé d'appliquer ur manière, et il montre que indéfini. que dois-je faire 🙁
    Voir mon edit.
    merci!!!!! ça marche!!!!

    OriginalL'auteur David Hedlund

  2. 0

    Votre code d'accès à l'objet DOM.

    Essayer $("#searchfield").attr('value')

    Vous pouvez mettre n'importe quel attribut que vous souhaitez dans la attr() et la fonction de l'obtenir. Pour obtenir l'id de la juste utilisation
    $("#searchfield").attr('id')

    Personnellement, j'utilise beaucoup de val(), car il provoque de la croix-navigateur des problèmes avec certains autres objets DOM.

    il n'est pas de travail. il montre indéfini . Suis-je tort de données à partir de fichier html ?
    votre code html besoins de fixation. type devrait être changé en "texte". il convient de <input id="searchfield" name="searchfield" type="text" size="20" maxlength="30">
    merci!! il woks trop!!

    OriginalL'auteur afrin216