jquery - 抽象从不同输入类型获取值

Question

我有与此类似的 html

<input class="rowinput" type="text" id="text_input_1" size="1" value="3">
<input class="rowinput" type="text" id="text_input_2" size="1" value="0">
<select class="rowinput" id="select_input_3">
  <option value=""></option>
  <option value="0">aaaa</option>
  <option value="1" checked>bbbb</option>
  <option value="2">cccc</option>
  <option value="3">dddd</option>
</select>

现在我需要使用 jquery 来选择所有输入并获取它们的值，并创建一个表示所有值的字符串。我可以用这个:

$('.rowinput').val();

这对于文本输入可以完美工作，但对于选择输入则不然。因为我需要它获取与值相对应的文本，而不是值本身。例如，在上面的代码中，我需要获取“bbbb”而不是“1”。

然后，我想做的是创建一个新函数，例如 textVal()，它从文本输入中获取值并从选择输入中获取文本:

$('.rowinput').textVal(); 

将返回: 3 0 bbbb

我尝试使用:

input.attr('type');

它适用于文本输入。但对于选择，它返回未定义

我不想对其进行硬编码并单独处理每个输入，因为我需要保持代码可扩展。 执行此操作的明智方法是什么？

Answer 1

如果想获取select的选中值。这是代码

<select class="rowinput" id="select_input_3">
  <option value=""></option>
  <option value="0">aaaa</option>
  <option value="1" selected="selected">bbbb</option>
  <option value="2">cccc</option>
  <option value="3">dddd</option>
</select>​

Jquery，请参阅 demo here

$(".rowinput option[selected='selected']").text();