Wie wird man Wert von Textfeld in Zelle embeded

Question

Ich habe den folgenden Code

<tr val='question'> 
    <td> 
     <input style='width: 500px' type='text' placeholder='Q.Enter your question here for radio button? '> 
</tr> 

Wie kann ich den Wert des Eingabefeldes in Zelle eingebettet finden.

function saveUserDefQues(){ 

var table=document.getElementById("QuestionList"); 
var surveyquestionform=document.forms[0]; 
var count=$('#QuestionList tr').length 
for (var i = 0; i<count; i++) { 
var row = table.rows[i]; 
if(row.getAttribute('val')==='question') 
    { 
    var Cells = row.getElementsByTagName("td");; 
    } 

}  

}

Answer 1

document.querySelector('tr[val] > td > input').value; 

---

Array.from(document.querySelectorAll('tr[val] > td > input')).forEach(function(entry, index, entries) 
{ 
    entry.value; // you may store the value OR process with it AS you see fit 
}); 

Answer 2

Da Sie Jquery verwenden diese auf diese Weise durchgeführt werden kann.

ersetzen diese Codezeile

var Cells = row.getElementsByTagName("td");

mit

var Cells = $(row).find('td');

var inputValue = Cell.find('input').val(); // gives you value of input

---

-Code Refactoring recomme NDED

Ich möchte Ihr Code Refactoring, wie unten

HTML

<tr data-val='question'>  // use data-* attribute to add custom attributes into tags 
    <td> 
     <input style='width: 500px' type='text' placeholder='Q.Enter your question here for radio button? '> 
    </td>     // close your td 
</tr> 

Script

function saveUserDefQues(){  

var surveyquestionform = document.forms[0]; // not sure what this is for, so ill leave it as is. 

$('#QuestionList tr[data-val="question"]').each(function(){ //loop all tr's which has the data-val set to question  
    var inputValue = $(this).find('td input').val();   //get the value of input 
    console.log(inputValue);    
}); 

} 

Answer 3

$("tr[val='question'] > td > input").val()

Aber zuerst müssen Sie ein gültiges HTML schreiben. </td> schließendes Tag fehlt. Auch müssen Sie diese tr in eine <table> setzen.

Answer 4

See this Plunker

function getResult(){ 
    $("tr").each(function(index) { 
    console.log($(this).find('input').attr('placeholder')); 
}); 
}