communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
javascript - Comment remplacer le contenu de la balise <p> dans JS, donnez-moi quelques conseils.
为情所困
为情所困 2017-05-19 10:34:25
0
7
544
<p id="rads" class="formStyle selectOrder">
        <p>
             <input type="radio"  name="question" value="oui" checked >选项1
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项2
        </p>
        <p>
            <input type="radio"  name="question" value="non" > 选项3
        </p>
    </p>
    <button class="blueBtn" onclick = "init()">替换</button>
var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];
function init(){
    for(var  i=0;i<radioData.length;i++){
            var pArray = $("#rads p");
            var radioObj = radioData[i];
            pArray[i].value =radioObj.name+"";
            
    }
    
  }

Remplacez l'option 1, l'option 2 et l'option 3 par le contenu radioData dans les données. Veuillez me guider. Mon code ne fonctionne pas

.
为情所困
为情所困

répondre à tous(7)
淡淡烟草味
淡淡烟草味2017-05-19 10:36:25 7 plancher

var oBox = document.getElementsByTagName("p");

    var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];
      for(var i=0;i<radioData.length;i++){
          console.log(oBox)
          oBox[i].childNodes[2].nodeValue=radioData[i].name
      }

Comme +0
Ajouter une réponse
左手右手慢动作
左手右手慢动作2017-05-19 10:36:25 6 plancher 
function init(){
    var $pArray = $("#rads input");
    $pArray.each(function(index,item){
       radioData.forEach(function(item1,index1){
           $(item).val(item1.name);
       });
    });
  }
Comme +0
Ajouter une réponse
小葫芦
小葫芦2017-05-19 10:36:25 5 plancher 
<script src="jquery-1.11.2.min.js" ></script>
<script>

var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];

function init(){
    for (x in radioData) {
        $("#rads p").eq(x).text( radioData[x].name )
    }
}

</script>
Comme +0
Ajouter une réponse
漂亮男人
漂亮男人2017-05-19 10:36:25 4 plancher

Ce que vous souhaitez remplacer est la valeur de l'entrée, pas la valeur de p, et obtenez chaque entrée

Comme +0
Ajouter une réponse
習慣沉默
習慣沉默2017-05-19 10:36:25 3 plancher

Il n'y a pas de gros problème avec votre code, aucun changement majeur n'est nécessaire
pArray[i].innerHTML =radioObj.name+""; Changez simplement la valeur en innerHTML

Comme +0
Ajouter une réponse
我想大声告诉你
我想大声告诉你2017-05-19 10:36:25 2 plancher 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>
        var radioData = [{
            name: '紧急',
            value: 1
        }, {
            name: '重要',
            value: 2
        }, {
            name: '普通',
            value: 3
        }];

        function init() {
            var pArray = $("p input");
            for (var i = 0; i < radioData.length; i++) {
                var radioObj = radioData[i];
                $(pArray[i]).next().text(radioObj.name);
            }
        }
    </script>
</head>

<body>
    <p id="rads" class="formStyle selectOrder">
        <p>
            <input type="radio" name="question" value="oui" checked><label>选项1<label></input>
        </p>
        <p>
            <input type="radio" name="question" value="non"><label>选项2<label>
        </p>
        <p>
            <input type="radio" name="question" value="non"><label>选项3<label>
        </p>
    </p>
    <button class="blueBtn" onclick="init()">替换</button>
</body>

</html>
Comme +0
Ajouter une réponse
小葫芦
小葫芦2017-05-19 10:36:25 1 plancher

Bonjour, dans votre question, vous souhaitez remplacer <input> 标签后面的文本，而不是标签的 value 值。
所以，你使用 pArray[i].value =radioObj.name+""; ce qui est incorrect.
Voici le code que j'ai donné à titre de référence uniquement : 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <p id="rads" class="formStyle selectOrder">
        <p>
            <input type="radio" name="question" value="oui" checked> 选项1
        </p>
        <p>
            <input type="radio" name="question" value="non"> 选项2
        </p>
        <p>
            <input type="radio" name="question" value="non"> 选项3
        </p>
    </p>
    <button class="blueBtn" onclick="init()">替换</button>
</body>
<script>
var radioData = [{
    name: '紧急',
    value: 1
}, {
    name: '重要',
    value: 2
}, {
    name: '普通',
    value: 3
}];

function init() {
    for (var i = 0; i < radioData.length; i++) {
        var pArray = $("#rads p");
        var radioObj = radioData[i];
        pArray[i].innerHTML = /\<.*\>/.exec(pArray[i].innerHTML)[0] + '&nbsp;' + radioObj.name;
    }
}
</script>

</html>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal