jQuery: Éclate une chaîne, puis l'insérer dans l'entrée, puis sélectionnez

Question

J'ai des chaînes comme ceci:

"Car is blue" 

chaîne pourrait aussi ressembler à ceci:

"Flower is not at all beautiful" 

Je html comme ceci:

<input class="subject" /> 
<select class="isornot"> 
    <option>is</option> 
    <option>is not</option> 
</select> 
<input class="adjective" /> 

Je dois séparer la chaîne et la placer aux endroits appropriés dans le formulaire. Pour la première chaîne, le sujet val doit être voiture, doit être sélectionné, et la valeur adjectif doit être bleu. Pour la deuxième chaîne, la fleur est le sujet, n'est pas l'option de sélection, et «du tout beau» devrait être l'adjectif.

Par conséquent, la division doit être est ou n'est pas. Je ne sais pas comment s'y prendre. Merci.

Answer 1

Ajout d'une zone d'entrée avec l'ID "string"

 

function split() 
{ 
var strings=$("#string").attr("value").split("is not"); 
if (strings.length==2){ 
    assingData(strings,1); 
} 
else{ 
    strings=$("#string").attr("value").split(" is "); 
    assingData(strings,0); 
} 
} 

function assingData(value,index){ 
    if(value.length==2){ 
     $(".subject").attr("value",value[0]);  
     $(".isornot option:eq("+index+")").attr("selected", "selected"); 
     $(".adjective").attr("value",value[1]); 
    } 
    else{ 
     alert("malformed strings"); 
    } 

}

Answer 2

Ici, vous allez:

var str = "Car is not blue"; 
var match = str.match(/^(.+?)\s+(is(?:\snot)?)\s+(.+)$/); 
if (match) { 
    $('input.subject').val(match[1]); 
    $('select.isornot').val(match[2]); 
    $('input.adjective').val(match[3]); 
} else { 
    alert("Could not parse message."); 
} 

Références:

• Using Regular Expressions with JavaScript
• Re: [jQuery] Set selected option