javascript
  • html
  • 2014-12-15 2 views 2 likes 
    2

    HTML часть:как добавить выпадающий список в <span> Использование JavaScript

    <body onload="init();firstInit();"> 
    

    скрипт часть:

    function init(){ 
    var tb = new Ext.Toolbar({ 
    renderTo: 'toolbar', 
    height: 25 
    });    
    var ht='<table><tr>'; 
    ht+='<td>'; 
    ht+='<div class="font">Mode : </div>'; 
    ht+='</td>'; 
    ht+='<td id="visumode.container">'; 
    ht+='<select id="visuMode.select" size="1" onchange="fRefresh();">'; 
    ht+='<option value="Direct">Direct</option>';    
    ht+='</select>'; 
    ht+='</td>'; 
    ht+='</tr></table>'; 
    span = document.createElement("span"); 
    span.innerHTML= ht; 
    tb.addElement(span); 
    } 
    function firstInit(){ 
    var d document.getElementById("visumode.container"); 
    alert(d) 
    } 
    

    это небольшая часть кода, в HTML части в результате ставятся в форме. предупреждение является нулевым, почему?

    +2

    Во-первых, я бы не добавил элемент select (элемент блока) к элементу span (встроенный элемент), почему бы просто не добавить его в div. Вы также ничего не делаете с полученным элементом span, добавляете его в контейнер или возвращаете его из функции, а затем добавляете в свой DOM. –

    +0

    благодарю вас за ваш быстрый ответ. Я отредактирую свой вопрос с помощью реального кода. – leb

    +0

    @BasTuijnman Select не является элементом уровня блока. Таким образом, это не так. Просто зависит от того, где должен быть вставлен диапазон. –

    ответ

    2

    У вас нет закрывающего тега: </select> для ht, а переменная span не добавлена ​​в DOM.

    +1

    благодарю вас за ваш быстрый ответ. Я отредактирую свой вопрос с помощью реального кода. – leb

    2

    Вы создаете элемент span, но тогда вы ничего не делаете с ним.

    Вам нужно добавить span к документу, где:

    <div id="myContainer"></div> 
    
    document.getElementById('myContainer').appendChild(span); 
    

    Вы также хотите добавить закрывающий тег в ваш выбор:

    ht += '</select>'; 
    
    +0

    спасибо за ваш быстрый ответ. Я отредактирую свой вопрос с помощью реального кода. – leb

    Смежные вопросы