用javascript获取 下拉框 用户选定的文本

<select name='category_id' onChange='selectcate(this)'>
  
  #set ($categorylist = $!{requestmap.getAttribute("categorylist")} )
  
  #foreach($category in $categorylist)
  
  <option value="$category.category_id">$category.title</option>
  
  #end
  
 </select>

 

 

 

<script language="JavaScript">
function selectcate(obj)
{
 alert();
 val=obj.options[obj.selectedIndex].innerText;
 alert(val);
}
</script>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 您可以使用以下代码获取框的文本: ``` var selectedText = $("#select-id option:selected").text(); ``` 其中,`#select-id`是下框的ID。您需要将其替换为您实际使用的ID。然后,`selectedText`变量将包含所选选项的文本。 ### 回答2: 使用jQuery获取框的文本可以使用`.text()`方法。下面是具体的步骤: 1. 首先,我们需要选中下框。可以通过选择器选中下框元素,比如 `$('#dropdown')`,其中`#dropdown`是下框的ID。 2. 接下来,使用`.text()`方法获取框的文本。将该方法添加到选中的下框元素后面,即`$('#dropdown').text()`。这个方法将返回下框当前选中的文本。 3. 最后,我们可以将获取到的文本存储在一个变量中,然后进行后续操作。例如,可以将文本显示在页面上的某个元素中,或者将文本发送到服务器进行处理。 以下是一个简单的例子: ```html <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> </head> <body> <select id="dropdown"> <option value="1">选项1</option> <option value="2">选项2</option> <option value="3" selected>选项3</option> </select> <button onclick="getText()">获取文本</button> <div id="result"></div> <script> function getText() { var selectedText = $('#dropdown').text(); $('#result').text("选中的文本是:" + selectedText); } </script> </body> </html> ``` 在上述示例中,当点击按钮时,`getText()`函数将被调用。该函数使用`.text()`方法获取框`#dropdown`的文本,并将其显示在页面上的`#result`元素中。例如,如果选择了选项3,则页面上的文本将显示为"选中的文本是:选项3"。 ### 回答3: 要使用jQuery获取框的文本,可以使用val()和text()方法。 val()方法可以用来获取框选中项的值,它返回的是选中项的value属性值。例如,如果有一个id为"selectBox"的下框,可以使用以下代码获取选中项的值: var selectedValue = $("#selectBox").val(); 如果想获取选中项的文本而不是值,可以使用text()方法。text()方法可以获取元素的文本内容。以下是使用text()方法获取选中项文本的代码: var selectedText = $("#selectBox option:selected").text(); 其中,"#selectBox"表示下框的id,"option:selected"表示选中的项。 另外,如果想获取所有下框选项的文本,可以使用each()方法遍历每个选项,然后使用text()方法获取每个选项的文本内容。以下是示例代码: $("#selectBox option").each(function() { var optionText = $(this).text(); console.log(optionText); }); 这样就可以将所有选项的文本内容打印出来。注意,"selectBox"是下框的id,"option"表示所有选项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值