我可以通过innerHTML在表中放置<select>函数吗?

时间:2015-04-29 10:21:36

标签: javascript html

这就是我一直试图做的事情。 到目前为止还没有奏效。 我不知道这是否可行,但我希望有人可以提供帮助。 我愿意接受任何建议。 谢谢 cell1.innerHTML =&#34;&lt; b&gt;&#34; +(i + 1)+&#34;&lt; / b&gt;&#34 ;; cell2.innerHTML =&#34;&lt; b&gt;&#34; + array1 [j] +&#34;&lt; / b&gt;&#34 ;; cell3.innerHTML =&#39;&lt; select id =&#34; hGls&#34;&gt;                       &lt;选择选项=&#34;&#34;&gt; - &lt; / option&gt;                       &lt; option value =&#34; 0&#34;&gt; 0&lt; / option&gt;                       &lt; option value =&#34; 1&#34;&gt; 1&lt; / option&gt;                       &lt; option value =&#34; 2&#34;&gt; 2&lt; / option&gt;                       &lt; option value =&#34; 3&#34;&gt; 3&lt; / option&gt;                       &lt; option value =&#34; 4&#34;&gt; 4&lt; / option&gt;                       &lt; option value =&#34; 5&#34;&gt; 5&lt; / option&gt;                   &LT; /选择&GT;&#39 ;; cell4.innerHTML =&lt; select id =&#34; aGls&#34;&gt;                       &lt;选择选项=&#34;&#34;&gt; - &lt; / option&gt;                       &lt; option value =&#34; 0&#34;&gt; 0&lt; / option&gt;                       &lt; option value =&#34; 1&#34;&gt; 1&lt; / option&gt;                       &lt; option value =&#34; 2&#34;&gt; 2&lt; / option&gt;                       &lt; option value =&#34; 3&#34;&gt; 3&lt; / option&gt;                       &lt; option value =&#34; 4&#34;&gt; 4&lt; / option&gt;                       &lt; option value =&#34; 5&#34;&gt; 5&lt; / option&gt;                       &lt; option value =&#34; 6&#34;&gt; 6&lt; / option&gt;                       &lt; option value =&#34; 7&#34;&gt; 7&lt; / option&gt;                       &lt; option value =&#34; 8&#34;&gt; 8&lt; / option&gt;                       &lt; option value =&#34; 9&#34;&gt; 9&lt; / option&gt;                       &lt; option value =&#34; 10&#34;&gt; 10&lt; / option&gt;                       &lt; option value =&#34; 11&#34;&gt; 11&lt; / option&gt;                       &lt; option value =&#34; 12&#34;&gt; 12&lt; / option&gt;                       &lt; option value =&#34; 13&#34;&gt; 13&lt; / option&gt;                       &lt; option value =&#34; 14&#34;&gt; 14&lt; / option&gt;                       &lt; option value =&#34; 15&#34;&gt; 15&lt; / option&gt;                       &lt; option value =&#34; 16&#34;&gt; 16&lt; / option&gt;                       &lt; option value =&#34; 17&#34;&gt; 17&lt; / option&gt;                       &lt; option value =&#34; 18&#34;&gt; 18&lt; / option&gt;                       &lt; option value =&#34; 19&#34;&gt; 19&lt; / option&gt;                       &lt; option value =&#34; 20&#34;&gt; 20&lt; / option&gt;                   &LT; /选择取代;

4 个答案:

答案 0 :(得分:1)

简单地删除换行符(或转义它们)并将select4 for cell4包装成引号。

cell4.innerHTML = '<select id="aGls"><option selected="">-</option><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option></select>';

<强> Demo

答案 1 :(得分:1)

你不能在javascript中使用多行字符串,要解决此问题,你需要转义新行:

cell3.innerHTML = '<select id="hGls">\
                      <option selected="">-</option>\
                      <option value="0">0</option>\
                      <option value="1">1</option>\
                      <option value="2">2</option>\
                      <option value="3">3</option\
                      <option value="4">4</option>\
                      <option value="5">5</option>\
                  </select>';

cell4.innerHTML = '<select id="aGls">\
                      <option selected="">-</option>\
                      <option value="0">0</option>\
                      <option value="1">1</option>\
                      <option value="2">2</option>\
                      <option value="3">3</option>\
                      <option value="4">4</option>\
                      <option value="5">5</option>\
                      <option value="6">6</option>\
                      <option value="7">7</option>\
                      <option value="8">8</option>\
                      <option value="9">9</option>\
                      <option value="10">10</option>\
                      <option value="11">11</option>\
                      <option value="12">12</option>\
                      <option value="13">13</option>\
                      <option value="14">14</option>\
                      <option value="15">15</option>\
                      <option value="16">16</option>\
                      <option value="17">17</option>\
                      <option value="18">18</option>\
                      <option value="19">19</option>\
                      <option value="20">20</option>\
                  </select>;

答案 2 :(得分:1)

通过功能?

function addNumbersOpts(id, max) {
    var buff = [];
    for (var i = 0; i <= max; i++)
        buff.push('<option value="' + i + '">' + i + '</option>');

    return '<select id="' + id + '">' + buff.join('\n') + '</select>';
}

cell3.innerHTML = addNumbersOpts('hGls', 5);
cell4.innerHTML = addNumbersOpts('aGls', 20);

答案 3 :(得分:0)

  1. 您在) VALUES ('".$_POST[NOMBRE]."', '".$_POST[EMAIL]."', '".$_POST[URL]."')");

  2. 时错过了引号
  3. 您应该使用连接编写代码:

    private async void MusicFilesList_ItemsPicked(ListPickerFlyout sender, ItemsPickedEventArgs args)
            {
                StorageFile selectedMusic = sender.SelectedItem as StorageFile;
    
                using (IRandomAccessStream stream = await selectedMusic.OpenAsync(FileAccessMode.Read))
                {
                    this.MusicPlayer.SetSource(stream, selectedMusic.ContentType);
                    this.MusicPlayer.Play();
                }
    
            }
    

    这使它更加清晰。

    Altermativeley,您可以使用 private void MusicFilesList_ItemsPicked(ListPickerFlyout sender, ItemsPickedEventArgs args) { StorageFile selectedMusic = sender.SelectedItem as StorageFile; this.MusicPlayer.AutoPlay = true; this.MusicPlayer.Source = new Uri(selectedMusic.Path); this.MusicPlayer.Play(); } 来逃避换行符或将它们挤压成一行(按照其他答案的建议),但使用连接更清晰,并且没有性能开销由于浏览器优化。