Question

值没有从html中获取：选择

<html:select property="billSelected">
      <html:option value=""> - Select One - </html:option>
      <html:options property="billList"/>  //billList is a vector
</html:select>

我有一个按钮及其脚本，

<input type="submit" id="handleSubmit" value=" Submit ">

JS：

jQuery(document).ready(function(){
    jQuery('#handleSubmit').click(function(){
    var x = document.getElementById("billSelected");
    alert(x);
    alert('${form.billSelected}');          
    });
});

billList填充了3个值。当我选择其中一个并单击提交时，x和billSelected警报将为空。我也试过getElemenetsbyName，但没有运气。如何获得所选的选项值？

Answer 1

你在这里混合语法和放弃。你有一个生成HTML的标记语言，并且你试图在javascript警报中使用动态值。

但是，检索所选值的惯用方法是：

$('selector-to-get-select-element').val();

所以，

jQuery(document).ready(function(){
    jQuery('#handleSubmit').click(function(){
      alert(jQuery('#billSelected').val());
    });
});

Answer 2

使用JavaScript：

var ddl = document.getElementById("SelectID");
var selectedText = ddl.options[ddl.selectedIndex].text;
var selectedValue = ddl.options[ddl.selectedIndex].value;

Answer 3

我认为你只需要select中的选项，所以当你点击按钮时可能会有一些jquery。我想可能会得到所选的选项

$("#billSelected").val()

Answer 4

我不确定您使用的语言是什么，但无论如何要确保在客户端您的HTML代码是这样的，您的select元素必须具有ID属性：

<select id="billSelect">
      <option value="null"> - Select One - <option>
</select>

并且很容易jquery可以像其他人已经说过那样选择它：

jQuery(document).ready(function(){
    jQuery('#handleSubmit').click(function(){
        var x = $('#billSelect');
        console.log(x);       
    });
});

如何从html：options标签中选择值？

4 个答案: