Question

我是，尝试使用java脚本而不是值来检索html id：

<form name="f">
<select name='sel'>
<option id='id1' value='$value1'>$value1</option>
<option id='id2' value='$value2'>$value2</option>
<option id='id3' value='$value3'>$value3</option>
</select>
<textarea rows='4' cols='50' name='devModules'></textarea>
<script type="text/javascript">
document.forms['f'].elements['sel'].onchange = function(){document.forms['f'].elements['devModules'].value += this.value + ',';};                  
 </script>
</form>

但是我不能操纵这行JS以获得我需要的东西，从我收集的其他帖子中我只需将.value更改为.id但是我仍然无法使其工作。

或者如果这不容易，我可以在数组中存储一个数组，并使用JS检索第一个或第二个数据，将其发送到文本区域吗？同时保持另一半发送并解析服务器端。

Answer 1

单向;

document.forms['f'].elements['sel'].onchange = function(){
    var selected = this.options[this.selectedIndex];
    document.forms['f'].elements['devModules'].value += selected.id + ',';
};

Answer 2

试试这个：

<form name="f">
<select name='sel'>
<option id='id1' value='$value1'>$value1</option>
<option id='id2' value='$value2'>$value2</option>
<option id='id3' value='$value3'>$value3</option>
</select>
<textarea rows='4' cols='50' name='devModules'></textarea>
<script type="text/javascript">
document.forms['f'].elements['sel'].onchange = function(){
  //document.forms['f'].elements['devModules'].value += this.value + ',';
  console.log(this[this.selectedIndex].value); // get value
  console.log(this[this.selectedIndex].id); // get id
};                  
 </script>
</form>

Answer 3

试试这个

 <script type="text/javascript">
        document.forms['f'].elements['sel'].onchange = function(){document.forms['f'].elements['devModules'].value += this.options[this.selectedIndex].id + ',';};                  
     </script>

使用JavaScript检索HTML ID字段

3 个答案: