使用javascript从下拉列表中获取选项标题

Question

我从下拉列表中获得了动态输入表单。这是下拉列表的代码

<label class="strong">Cut: 
<select name="add_qty">
<?php
    $qqs = mysqli_query($conn, "SELECT * FROM m_maincut WHERE maincut_status = '1'");
    while($roq = mysqli_fetch_array($qqs, MYSQLI_ASSOC))
    {
?>
        <option id="opsi" value="<?php echo $roq['maincut_id']; ?>" title="<?php echo $roq['maincut_name']; ?>"><?php echo $roq['maincut_name']; ?></option>
<?php
    }
?>
</select>
</label> 
Total: <input type="text" name="add_name" /> 
<input onclick="addRow(this.form);" type="button" value="Add New" />

这是我的javascript使表单动态（点击按钮添加更多选项）

<script type="text/javascript">
var rowNum = 0;

function addRow(frm) {
    rowNum++;
    var text = frm.opsi.title;
    var row = '<p id="rowNum' + rowNum + '">Nama Biaya: <option type="text" name="qty[]" size="4" value="' + frm.add_qty.value + '">' + text + '</option> Jumlah: <input type="text" name="name[]" value="' + frm.add_name.value + '"> <input type="button" value="Remove" onclick="removeRow(' + rowNum + ');"></p>';
    jQuery('#itemRows').append(row);
    frm.add_qty.value = '';
    frm.add_name.value = '';
}

function removeRow(rnum) {
    jQuery('#rowNum' + rnum).remove();
}
</script>

这是我的结果：

“Tambah ke Biaya”的意思是“添加更多”

我的问题是，如何获得该选项的标题？我可以获得价值，但我可以获得显示给客户的标题。因为如果我显示该值，它将只显示数字（ID）

Answer 1

如果要获取向用户显示的内容，则必须获取选项标记的innerHTML。您必须创建一个选项而不是p元素

Answer 2

获取标签的title属性

var title = jQuery(this).attr('title');

要在<option>内获取HTML，

var html = jQuery(this).html();

建议你使用jQuery，它会更容易

<input id="add_new" type="button" value="Add New" />

并触发此按钮的点击事件，如

jQuery('#add_new').click(function(){
    // your process
});

Answer 3

如果你真的在寻找标题的价值，因为title是元素的属性之一，你应该可以使用

jQuery('your-selector').attr('title');