Question

我是jquery的新手，我有以下字段

 <select  name[]="post">
              <option value="op1">op1</option>
              <option value="op2">op2</option>
              <option value="op3">op3</option>
              </option>
 </select>   
 How to get the post[0] & post[1] values in Jquery any Idea 
 .

Answer 1

你正在寻找这个......

<select name="my_select" id="foo">
              <option value="op1">op1</option>
              <option value="op2">op2</option>
              <option value="op3">op3</option>
              </option>
 </select> 


var options = $('#foo').find('option');
console.log($(options[0]).attr('value'));

Answer 2

如果您想要多个选择选项，请使用关键字“multiple”

<select name="my_select" id="foo" multiple>
          <option value="op1">op1</option>
          <option value="op2">op2</option>
          <option value="op3">op3</option>
          </option>
</select>

Answer 3

您可以通过以下简单方式获取Select的选定值

$('select#your_id').val();

$('select#your_id').children("option:selected").val()

$("select#your_id > option:selected").val()

要获得索引的任何选项，您可以使用以下

$("select#your_id > option:nth-child(1)")

要注意的是索引从1-n开始（0将返回空）

Answer 4

<select name="test" id="test">
          <option value="op1">op1</option>
          <option value="op2">op2</option>
          <option value="op3">op3</option>
          </option>
</select>

要从选择列表中获取值，您可以使用以下代码： output = $（'＃test'）。val（）;

$('#some_button').click(function()  {
  output = $('#test').val(); 
});

如何获取数组中的选择选项值

4 个答案: