获取下拉框的改变以及改变的value

<html>
<head>
<script type="text/javascript">
function changeText()
{
    var x=document.getElementById("mySelect");
    alert(x.options[x.selectedIndex].text);
}
</script>
</head>
<body>

<form>
    Select your favorite fruit:
    <select id="mySelect" οnchange="changeText()">
       <option>Apple</option>
       <option>Orange</option>
       <option>Pineapple</option>
       <option>Banana</option>
    </select>
</form>

</body>
</html>

也欢迎登录我的个人网站,里面有更多的文章及技术咨询在等你:http://www.guangmuhua.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取下拉框并显示在文本框,可以使用以下方法。首先,给下拉框添加一个改变事件,在事件获取下拉框value,然后使用eq方法获取对应行的文本。需要注意的是,eq是从0开始计数,而value是从1开始计数,所以需要将value减1。代码如下: ```javascript $("#Select1").change(function () { var ID = $("#Select1").val(); var Text = $("#Select1 option:eq(" + (parseInt(ID) - 1) + ")").text(); $("#Input1").val(Text); }); ``` 这段代码适用于写实的下拉框。如果是使用数据库数据绑定的下拉框,可以使用另一种方法。首先准备一个数据库数据绑定的下拉框和一个文本框,用来显示下拉框的文本。然后给下拉框添加一个改变事件,在事件获取下拉框value,并将该发送到服务器端。服务器端根据该查询对应的文本,并将其返回给页面,最后将返回的文本显示在文本框。代码如下: ```javascript $("#Select2").change(function () { var ID = $("#Select2").val(); $.post("SelectDropDownID", { ID: ID }, function (S) { $("#Input2").val(S.DropDownName); }); }); ``` 这样,文本框就可以获取下拉框并显示出来了。 #### 引用[.reference_title] - *1* *2* *3* [获取下拉框的文本](https://blog.csdn.net/weixin_44569835/article/details/89082325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值